Node Sass version 6.X.X 호환 오류

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