Node Sass version 6.0.1 is incompatible with ^4.0.0 || ^5.0.0

Failed to compile

./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.

This error occurred during the build time and cannot be dismissed.

 

React sass 설치하여 실행시 위와 같은 에러 발생시 버전이 충돌이 나서 발생한 에러다

기존꺼 삭제 하고 4.xx버전을 다시 설치한다.

npm을 이용할 경우

//node-sass 삭제

npm uninstall node-sass

//node-sass 4.14.0 버전 설치

npm install node-sass@4.14.0

 

yarn을 이용할 경우

//node-sass 삭제

yarn remove node-sass

//node-sass 4.14.0버전 설치

yarn add node-sass@4.14.0

 

Below is a quick guide for minimum and maximum support supported version of node-sass:

NodeJS	Supported node-sass version	Node Module
Node 16	6.0+	93
Node 15	5.0+	88
Node 14	4.14+	83
Node 13	4.13+, <5.0	79
Node 12	4.12+	72
Node 11	4.10+, <5.0	67
Node 10	4.9+, <6.0	64
Node 8	4.5.3+, <5.0	57
Node <8	<5.0	<57

자신의 pc에 설치된 node 버전을 확인후 해당 node-sass버전을 설치한다.

node --version

node 12버전이 설치가 되어 있어서 node-sass 4.12버전을 설치해 주면 된다.