React 개발 도중 scss 파일을 사용하게 되어 npm을 통해 node-sass를 설치하고 recompile한 뒤에 다음과 같은 오류가 발생했다.
Node Sass version 6.0.1 is incompatible with ^4.0.0 || ^5.0.0.
이는 react에서 사용하고 있는 sass-loader 버전과 node-sass 버전이 서로 호환되지 않아 발생하는 오류이다.
해결방법
해결방법에는 두 가지 방법이 있는데, node-sass 버전을 낮추거나, sass-loader 버전을 올리는 것이다.
1. node-sass version down ↓
# npm을 사용할 경우
$ npm uninstall node-sass
$ npm install node-sass@5.0.0
# yarn을 사용할 경우
$ yarn remove node-sass
$ yarn add node-sass@5.0.0
2. sass-loader version up ↑(not tested)
# npm을 사용할 경우
$ npm uninstall sass-loader
$ npm install sass-loader@latest
# yarn을 사용할 경우
$ yarn remove sass-loader
$ yarn add sass-loader@latest