[NodeJS] Node Sass version 5.0.0 is incompatible with ^4.0.0.

이전에 Vue 프로젝트 실행할 때 NodeJS 15 버전과 node-sass 4.14.1 버전이 호환하지 않아서 오류가 발생했었고, node-sass를 호환 버전인 5.0.0으로 설치함으로써 해결했다.

이제 잘 되나 싶었는데 또 다른 버전 문제로 의심되는 오류가 나더라.

# 오류

Node Sass version 5.0.0 is incompatible with ^4.0.0.

 

# 원인

이번에는 node-sass와 node-loader의 버전이 상호 지원하지 않는 이유였다.

기존에 설치되어있던 각 모듈 버전은 이러했다.

- NodeJS: 14

- node-sass: 4.14.1
- sass-loader: 7.3.1

 

여기서 NodeJS와 node-sass를 각각 15와 5.0.0으로 올렸고, 컴파일할 때 위의 오류가 발생했다.

sass-loader 버전도 함께 올려주어야 했다. (현재 최신버전 = 10.1.0)

 

# 해결

sass-loader를 재설치하면 된다.

$ npm uninstall sass-loader
$ npm i sass-loader 
(또는 $ npm install sass-loader)