[react] Node Sass version 6.0.1 is incompatible with ^4.0.0 || ^5.0.0. 오류 해결

 

react에서 sass 사용을 위하여 npm node-sass -save를 통하여 설치를 하고,
npm start로 로컬 서버를 구동하다가 아래와 같은 오류가 나왔습니다. 

 

오류 메시지

./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/sass-loader/dist/cjs.js??ref--5-oneOf-6-4!./src/App.scss)
Node Sass version 6.0.1 is incompatible with ^4.0.0 || ^5.0.0.

 

오류 해결

• sass의 현재 버전 6.0.0이 react에서 사용하는 sass-loader 버전과 호환 되지 않아 발생된 오류
• node-sass의 최신 버전을 삭제 후, 이전 버전을 설치하면 오류 해결
• npm 또는 yarn으로 명령어 입력

npm

 npm uninstall node-sass
 npm install node-sass@5.0.0

 

yarn

yarn remove node-sass
yarn add node-sass@5.0.0