安装 SASS React 的问题

Question

我想将 SASS 安装到我的 React 应用程序中。我尝试yarn add node-sass控制台返回错误：

./src/comopnents/Form/Form.scss (./node_modules/css-loader??ref--6-oneOf-5-1!./node_modules/postcss-loader/src??postcss!./node_modules/sass-loader/lib/loader.js!./src/comopnents/Form/Form.scss)

Node Sass version 7.0.1 is incompatible with ^4.0.0.

我找到了卸载node-sass和安装的建议sass。我做到了，但后来我得到了这个错误：

../src/comopnents/Form/Form.scss (./node_modules/css-loader??ref--6-oneOf-5-1!./node_modules/postcss-loader/src??postcss!./node_modules/sass-loader/lib/loader.js!./src/comopnents/Form/Form.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:

• /Users/madlen/(...)/node_modules/sass-loader/lib/loader.js
• /Users/madlen/(...)/node_modules/loader-runner/lib/loadLoader.js
• /Users/madlen/(...)/node_modules/loader-runner/lib/LoaderRunner.js
• /Users/(...)/node_modules/webpack/lib/NormalModule.js
• /Users/(...)/node_modules/webpack/lib/NormalModuleFactory.js
• /Users/(...)/node_modules/webpack/lib/Compiler.js
• /Users/(...)/node_modules/webpack/lib/webpack.js
• /Users/(...)/node_modules/react-scripts/scripts/start.js

我尝试升级yarn，添加sass-loader，但没有任何帮助

Answer 1

在你的包 json 中执行此操作

"node-sass": "npm:sass@^1.49.9",

在删除它并替换为 sass 后，React 仍然要求使用 node-sass，这样你就可以像这样给它起别名，现在 React 将使用 sass