要注意！node-sass现已弃用！

警告：不推荐使用 LibSass 和 Node Sass。虽然他们将无限期地继续接收维护版本，但没有计划添加额外的功能或与任何新的 CSS 或 Sass 功能的兼容性。仍然使用它的项目应该转移到Dart Sass 上。

相反，您可以看到在Dart sass项目中遵循了 Sass ！

react-scripts已经朝着那个方向发展了！

现在使用的包是sass！npm i -g sass或者npm i sass --save-dev

如果你去 npmsass 页面

这个包是一个分布的飞dart萨斯，编译为纯JavaScript与没有本机代码或外部的依赖关系。它提供了一个命令行 sass 可执行文件和一个 Node.js API。

您可以使用npm install -g sass 它将提供对 sass 可执行文件的访问权限来全局安装 Sass 。您还可以使用 将其添加到您的项目中npm install --save-dev sass。这提供了可执行文件和库。

应该做什么

安装 sass

全球范围内

npm i -g sass

或者

本地

npm i sass --save-dev

我个人更喜欢始终使用本地安装！这样npm install会自动添加它！有时也需要维护每个项目的版本！

和

应用程序安装后编译运行！

旧版本的react脚本

如果您在需要 node-sass 的旧版本上运行！

然后就可以更新到最新版本了！而在那之前！您可能想删除node_modules和package-lock.json。

npm i react-scripts --save

之后npm install再次安装项目依赖项

你可以去安装sass步骤

npm cache clear --force
npm install sass

我解决！您只需要将此行添加到您的“dockerfile”中，这样​​当您构建 docker 镜像时，它应该会自动安装 sass：

RUN npm install -g sass

并在您的“package.json”中将其添加到“dependencies”中，它告诉我们在这种情况下对我们拥有的内容进行编程，我们的意思是我们拥有特定版本的“sass”：

"sass": "version number(example:^5.0.0)"

并将其添加到“脚本”部分中，该部分告诉编程如何在这种情况下工作我认为它告诉“scss”文件whatch该文件并像“css”一样识别和打开它：

"scss": "sass --whatch scss -o css"

尝试在您的终端中安装此

npm install --save-dev node-sass

并通过键入重新启动本地主机

npm start

在您的提示下按 Enter

完成这些步骤后，请确保检查您的依赖项

包.json

并找到

"devDependencies": { "node-sass": "^yourversion" }

要清楚：

1) 尝试使用此命令卸载它

npm uninstall node-sass

然后2）尝试安装sass

npm install --save-dev sass

当我在使用 create react app 在项目上安装 sass 时遇到问题时，这对我有用