[Error] Node Sass version 8.0.0 is incompatible with ^4.0.0.

일단 나의 상황은 이랬다

배경 상황

---

• react로 과제를 하고 있었다

• node.js 가 아닌 yarn 을 사용하고 있었고

• sass moudle 기능을 사용 해보려고 했다

시도

---

0. sass 를 깔아줌

   근데 자꾸 module을 읽을 수 없다고 그래서 yarn add sass, node-sass 도 깔았다가 npm 으로도 설치해보고.. 거의 설치만 여러번 했다

1. 갑자기 노드 sass 버전이 안 맞다고 한다

2. 구글링 하니까 node-sass는 더이상 쓰지 않는다고 그걸 uninstall 해보래서 삭제했더니

3. node-sass 를 다시 깔라고 한다..

   ./src/styles/global.scss (./node_modules/css-loader??ref--6-oneOf-5-1!./node_modules/postcss-loader/src??postcss!./node_modules/sass-loader/lib/loader.js??ref--6-oneOf-5-3!./src/styles/global.scss)
   To import Sass files, you first need to install node-sass.
   Run `npm install node-sass` or `yarn add node-sass` inside your workspace.

4. 그리고 다시 설치하자 Node Sass version 8.0.0 is incompatible with ^4.0.0. 똑같이 돌아온 에러...

해결

---

• 일단 강사님 package.json을 비교해봤다

• 내 react-scripts 의 버전이 5.0.1이 아닌 ^2.1.3로 되어있었다..

• 일단 node-sass는 안쓰는게 맞기 때문에 uninstall을 하고 yarn add react-scripts@5.0.1 를 통해 버전을 맞춰줬더니 해결 됐다

  강사님 도움과 코드가 없었다면.. 해결 못했을 것 같다..

외전

---

에러 하나하나 풀다가 직면한 무서운 화면... 정말 큰일 나는 줄 알았다...