React window 새로고침(F5) Refresh로 반영,반응 안됨 해결

2023. 2. 9. 22:30_Web/React

728x90

빠른 결론

Ctrl + S : 자동저장

둘 다 따로 작동하는 모습

생활코딩의 리액트에서 웹의 새로고침을 누르면 실시간 반응 되는 모습을 볼 수 있다.

하지만 VSC에서도 웹 페이지에서도 App.js를 수정하여 새로고침해도 적용되지 않는다.

Ctrl + F9를 누르면 디버깅으로 적용되는데 또다른 창이 생기고 창이 두 개면 엉키는 불편한 현상이 발생했다.

 

 

리액트 실시간반응

리액트 렌더링

리액트 자동 새로고침

리액트 새로고침 반응안됨

react refresh 등 어떤 검색을 해도 쉽게 찾을 수 없었다.


문제해결 : ctrl + S 자동저장 으로 해결

power shell 이 아닌 bash사용 -> 상관없음 

- yarn start -> 가능

- npm start -> 가능

- npm run start -> ctrl + S 자동저장 으로 해결

답은 저장을 하면 리액트는 반영한다.

새로고침은 아직은 모르겠지만 해결법이 있으니 다행이다.