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

C:\Users\Domdom\Code\react\practice>npm start

Compiled with warnings.
Compiled with warnings.
Compiled with warnings.
Compiled with warnings.
Compiled with warnings.
Failed to compile.

./src/SassComponent.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/SassComponent.scss)
Node Sass version 6.0.0 is incompatible with ^4.0.0 || ^5.0.0.

 

react 공부하는 도중에 sass 를 사용할 필요가 있어서, node-sass 를 설치하고서 프로젝트를 실행해보았는데 위와 같은 오류가 났어요. 저는 node-sass를 설치할 때 아래와 같이 명령을 입력해서 설치했습니다.

$ npm install node-sass

이 명령은 현재 존재하는 최신 버전의 node-sass 를 설치하게 되는데, 제가 실행했을 당시에는 version 6.0.0 이었습니다.

근데 react에서 사용하는 라이브러리 중 sass-loader 와 버전이 맞지 않았나 본지, 버전 호환 문제로 오류가 나더군요!

 

해결방법은 간단합니다. node-sass 최신 버전을 삭제하고, 이전 버전을 설치하면 됩니다. npm 을 사용하는 분이라면 npm 명령을 사용해서 설치하면 되구요, yarn 명령을 사용하는 분이라면 yarn 명령을 입력하시면 되겠습니다!

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

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

 

- 끝 -