React 프로젝트에 sass 연결시 Node Sass version 오류

문제상황

React 프로젝트를 github에서 다시 pull하고 npm install 과정에서 Node Sass version 관련 컴파일 에러가 발생했다.

Failed to compile.

./src/App.scss (./node_modules/css-loader/dist/cjs.js??ref--5-oneOf-6-1!./node_modules/postcss-loader/src??postcss!./node_modules/resolve-url-loader??ref--5-oneOf-6-3!./node_modules/s
ass-loader/dist/cjs.js??ref--5-oneOf-6-4!./src/App.scss)
Error: Node Sass version 5.0.0 is incompatible with ^4.0.0.

해결

스택오버플로우에서 찾은 해결방법을 찾을 수 있었다.

위의 코드 중
Node Sass version 5.0.0 is incompatible with ^4.0.0.
이 부분을 검색해보니 스택오버플로우에서 관련된 게시문을 찾을 수 있었다.

해결방법 : CRA로 만들어진 프로젝트는 5.0 버전이랑 충돌나니 4.xx버전으로 다시 설치해라

npm을 통해 문제를 해결해주기 위해서는

//node-sass 삭제
$ npm uninstall node-sass  
//node-sass 4.14.0 버전 설치
$ npm install node-sass@4.14.0

yarn을 통해 문제를 해결해주기 위해서는

//node-sass 삭제
$ yarn remove node-sass
//node-sass 4.14.0버전 설치
$ yarn add node-sass@4.14.0