react template 실행 중 오류

auto install을 시킨 후 사이트를 실행시켰는데 정상적으로 실행되지 않는다.

node sass 버전이 업데이트 되면서 node 버전과 안맞는 문제가 발생

 

이전에는 그냥 자동설치 후 실행하면 바로 실행이 됐었는데, 몇달있다가 다시 install해보니까 문제가 발생한다.

package.json 에 라이브러리가 최신버전으로 정의되어있는 경우 이런 문제가 발생하는 것 같다.

 

terminal에 뜨는 console오류를 확인하고 그에 따라서 검색하면 각 에러에 따라 대응방법이 잘 나와있다.

그렇게 한단계씩 해결했다. 오류를 전부 쓰지는 않았다. 내가 실행시켰던 console history 보면서 블로그 기록중.. ㅠㅠ

 

1. react-scripts 수동설치

$ npm install -g react-scripts

 

2. node-sassuninstall

$ npm uninstall node-sass

 

3. 4.14.1 버전으로 재설치 (나는 환경이 글로벌로 설정되어있어 -g를 붙였지만, 불필요한 경우 생략해도 됨.

$ npm install -g node-sass@4.14.1

 

4. Can't resolve 'react-refresh/runtime' 오류발생

 

5. 3.4.x에서 4.0.0으로 마이그레이션

$ npm install --save --save-exact react-scripts@4.0.0

 

6. 재실행

$ npm run start

 

 

 

※ 참고링크

github.com/facebook/create-react-app/blob/95265c34ff9e1c0881c7d9acc37d17f465629fa2/CHANGELOG.md#400-2020-10-23