발생
react-create-app으로 React 프로젝트 생성 후
Sass 사용을 위해 node-sass를 설치하고 .scss 파일을 import하면 아래와 같은 오류가 발생한다.
./src/components/A.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/components/A.scss)
Error: Node Sass version 5.0.0 is incompatible with ^4.0.0.원인
sass-loader의 문제 (sass-loader v10.0.5 에서는 이 문제가 고쳐졌다고 한다)
해결
$ npm uninstall node-sass
$ npm install node-sass@4.14.1출처
Error: Node Sass version 5.0.0 is incompatible with ^4.0.0
I've created a blank React project, using the command: npx create-react-app on npm v7.0.7 and Node v15.0.1 Installed: React v17.0.1, node-sass v5.0.0, Then I tried to import blank .scss file to App
stackoverflow.com
'React' 카테고리의 다른 글
| [React] import path에 상대 경로를 절대 경로로 변경하기 (0) | 2020.12.27 |
|---|---|
| [Redux] Redux 기초 (0) | 2020.12.23 |
| [ React ] React.PureComponent (0) | 2018.01.06 |
댓글