所以,在我的reactjs项目中使用
npm install node-sass
之前,我已经使用了sass。我现在正在做一个新项目,想再次使用 sass。使用相同的语法npm install node-sass
来安装它,我继续得到
./src/components/Main.scss (./node_modules/css-loader??ref--6-oneOf-5-1!./node_modules/postcss-loader/src??postcss!./node_modules/react-scripts/node_modules/sass-loader/lib/loader.js??ref--6-oneOf-5-3!./src/components/Main.scss)
Error: Node Sass version 8.0.0 is incompatible with ^4.0.0.
或者
to import sass files, you first need to install node-sass. run `npm install node-sass` or `yarn add node-sass` inside your workspace
...
...
我按照说明从链接安装了 sass npmjs sass-lang 使用这些语法
brew install sass/sass/sass
npm install -g sass
但我仍然遇到我之前提到的错误。
我尝试删除节点模块文件夹、package-lock.json并重新安装节点模块。那仍然没有修复错误。另外,我还关注了其他人如何修复 Node Sass 版本 5.0.0||6.0.0|| 7.0.0 不兼容问题但这并没有解决我的问题。
我现在正在寻求帮助。
您可以按照以下两个步骤操作:
npm uninstall node-sass
npm install --save-dev --unsafe-perm [email protected]
现在没事了
更新
sass-loader
,或删除并重新安装。
试试这个:在 packege.json 文件中,删除“node-sass”:“^4.12.0”并将其替换为“sass”:“”。这对我来说是这样的。
我的答案是将react-scripts更新到4.0.3。我无法执行最新版本的react-scripts,因为它仍然需要一堆技巧才能使之前自动加载了polyfilled模块的包正常工作。
抱歉我无法准确解释原因,但我的同事给了我这个神奇的命令并且它起作用了。
npm install --legacy-peer-deps