Next JS：无法在 Windows 上使用 scss答案

【问题标题】：Next JS: unable to use scss on WindowsNext JS：无法在 Windows 上使用 scss
【发布时间】：2022-01-31 09:41:26
【问题描述】：

我正在构建一个 Next JS 应用程序。承认，这是我第一次接触 Next JS。现在，我在 Next JS 应用程序中使用 SCSS 时遇到问题。我创建了一个名为 assets/auth.scss 的文件。然后我将它导入到 pages/_app.js 中，如下所示。

import '../assets/auth.scss';

当我运行“npm run dev”时，出现以下错误。

./node_modules/next/dist/compiled/css-loader/cjs.js??ruleSet[1].rules[2].oneOf[7].use[1]!./node_modules/next/dist/compiled/postcss-loader/cjs.js??ruleSet[1].rules[2].oneOf[7].use[2]!./node_modules/nex
t/dist/compiled/resolve-url-loader/index.js??ruleSet[1].rules[2].oneOf[7].use[3]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[2].oneOf[7].use[4]!./assets/auth.scss
Error: Node Sass version 6.0.1 is incompatible with ^4.0.0 || ^5.0.0.
Error: Cannot find module 'C:\Users\Acer\Desktop\shar-kya-mal-next-js\nextjs-blog\.next\build-manifest.json'
Require stack:

然后我也尝试安装 node-sass 包。它仍然不起作用。我该如何解决？

【问题讨论】：

github.com/vercel/next.js/tree/canary/examples/with-next-sass
你必须安装sass 而不是node-sass。参考：nextjs.org/docs/basic-features/… 你收到这样的错误是因为你可能安装了最新版本的 node-sass，它隐藏了所需的版本。从您的项目中卸载它，然后按照文档进行操作。

标签： sass next.js

【解决方案1】：

你使用 npm install sass 还是 node sass？我将使用 scss 的每个下一个项目都使用 npm install sass 并且它可以正常工作。你做一些不同的事情吗？尝试使用 npm install sass 或 yarn install sass

【讨论】：