找不到模块“ node-sass”反应

时间:2020-04-08 13:04:17

标签: reactjs sass

我正在尝试构建react应用,并且我想使用scss来设置应用样式。

挑战在于,即使我已经安装了node-sass,但仍然出现此错误。

./src/styles/styles.scss (/usr/local/lib/node_modules/react-scripts/node_modules/css-loader/dist/cjs.js??ref--6-oneOf-5-1!/usr/local/lib/node_modules/react-scripts/node_modules/postcss-loader/src??postcss!/usr/local/lib/node_modules/react-scripts/node_modules/resolve-url-loader??ref--6-oneOf-5-3!/usr/local/lib/node_modules/react-scripts/node_modules/sass-loader/dist/cjs.js??ref--6-oneOf-5-4!./src/styles/styles.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.
Require stack:
- /usr/local/lib/node_modules/react-scripts/node_modules/sass-loader/dist/getDefaultSassImplementation.js
- /usr/local/lib/node_modules/react-scripts/node_modules/sass-loader/dist/getSassImplementation.js
- /usr/local/lib/node_modules/react-scripts/node_modules/sass-loader/dist/index.js
- /usr/local/lib/node_modules/react-scripts/node_modules/sass-loader/dist/cjs.js
- /usr/local/lib/node_modules/react-scripts/node_modules/loader-runner/lib/loadLoader.js
- /usr/local/lib/node_modules/react-scripts/node_modules/loader-runner/lib/LoaderRunner.js
- /usr/local/lib/node_modules/react-scripts/node_modules/webpack/lib/NormalModule.js
- /usr/local/lib/node_modules/react-scripts/node_modules/webpack/lib/NormalModuleFactory.js
- /usr/local/lib/node_modules/react-scripts/node_modules/webpack/lib/Compiler.js
- /usr/local/lib/node_modules/react-scripts/node_modules/webpack/lib/webpack.js
- /usr/local/lib/node_modules/react-scripts/scripts/start.js

我也尝试删除node_modules并重新安装node-sass,但是没有用。有什么建议吗?

3 个答案:

答案 0 :(得分:0)

这有时发生在我身上,似乎是npm的问题。尝试使用yarn安装node-sass

yarn add node-sass

答案 1 :(得分:0)

这看起来确实是 npm 的问题(它并不总是发生),但是如果您已经在项目中使用了 npm,那么最好使用:

npm cache clear --force

而不是重新定位 yarn 上的所有依赖项。

答案 2 :(得分:0)

我不会直接回答这个问题!

但是要指出一个重要的问题! node-sass弃用

sass package 现在在 react-scripts 中使用。而整个 sass 编译器或预处理器都在 Dart sass 项目中!

sass 包是 Dart sass发行版

您可以在以下答案中查看更多详细信息和插图:

https://stackoverflow.com/a/68327656/7668448