Node Sass version 6.0.1 is incompatible with ^4.0.0 || ^5.0.0. 에러 해결법

들어가기에 앞서

React를 공부하면서 책에 나와있는 프로젝트를 그대로 따라 하고 있었는데, sass를 사용하기 위해 node-sass를 설치했었다. React App을 실행시켰을 때 아래와 같은 에러가 발생했고, 구글 검색 결과 간단하게 해결할 수 있어서 이렇게 글로 남기게 되었다.

해결방법

에러를 읽어보면 6.0.1 버전의 Node Sass가 호환이 되지 않는다고 한다. 실제 확인해보니 내가 설치한 node-sass 패키지의 버전이 6.0.1의 버전이었다.

그리고 node_modules의 sass-loader의 package.json을 확인해보니, sass-loader의 Dependency는 아래와 같이 나와있었다.

즉 sass-loader을 활용하기 위해서는 node-sass 패키지의 버전이 ^4.0.0 이거나 ^5.0.0 이어야 하는데, 현재 우리가 설치한 node-sass의 버전은 6.0.1이기 때문에 문제가 발생했다. 이 문제는 node-sass 패키지의 버전을 낮춰서 설치하면 해결된다.

 

yarn 

1. yarn remove node-sass

2. yarn add node-sass@5.0.0

 

npm

1. npm uninstall node-sass

2. npm install node-sass@5.0.0