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

【问题标题】：Cannot find module "node-sass" react找不到模块“node-sass”反应
【发布时间】：2021-07-10 20:43:18
【问题描述】：

我正在尝试构建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，但没有成功。有什么建议吗？

【问题讨论】：

标签： reactjs sass

【解决方案1】：

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

yarn add node-sass

【讨论】：

【解决方案2】：

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

但是指出一个重要的事情！ node-sass 已弃用！

sass package 现在在反应脚本中使用。并且整个 sass 编译器或预处理器都在 Dart sass 项目中！

sass 包是 Dart sass 的发行版！

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

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

【讨论】：

【解决方案3】：

这似乎确实是 npm 的问题（并非总是如此），但如果您已经在项目中使用 npm，那么最好使用：

npm cache clear --force

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

【讨论】：