如何使用nextjs和sass导出到静态网站？

我最近开始学习nextjs/react，在尝试将我的应用程序导出到静态站点时，我被官网上的教程卡住了：

我正在使用sass设置应用程序的样式，当尝试运行

npm run build

脚本时，它会抛出一个错误

模块分析失败：意外令牌（1:0）您可能需要 处理此文件类型的适当加载程序

我已经检查了我的代码结构和设置，无法找出哪里出了问题。看起来错误与sass加载程序有关？任何指点都将不胜感激

下面是我的设置的一些屏幕截图

---

您需要添加

sass加载程序

依赖项

npm i -D sass-loader

然后像这样添加它：

config.module.rules.push(
  {
    test: /\.s(a|c)ss$/,
    use: ['babel-loader', 'raw-loader',
      { loader: 'sass-loader' },
    ],
  },
);

---

您需要添加

sass加载程序

依赖项

npm i -D sass-loader

然后像这样添加它：

config.module.rules.push(
  {
    test: /\.s(a|c)ss$/,
    use: ['babel-loader', 'raw-loader',
      { loader: 'sass-loader' },
    ],
  },
);

---

在

next.config.js

中有两个

module.exports

，这是无效的

也许可以尝试使用ass将配置传递到

，然后导出该配置

module.exports = withSass({ exportPathMap: /* ... etc ... */ })

在
next.config.js
中有两个
module.exports
，这是无效的

也许可以尝试使用ass将配置传递到
，然后导出该配置

module.exports = withSass({ exportPathMap: /* ... etc ... */ })

谢谢你的回复。我设法解决了这个问题，但在导出所有文件后，我仍然有两个其他问题。1.我有一个重复的标题组件。2.css并不是应用于所有页面。不确定这里到底出了什么问题。嗯，似乎你有一些架构问题。是否可以提供您的应用程序的示例？谢谢您的回复。我设法解决了这个问题，但在导出所有文件后，我仍然有两个其他问题。1.我有一个重复的标题组件。2.css并不是应用于所有页面。不确定这里到底出了什么问题。嗯，似乎你有一些架构问题。是否可以提供您的应用程序的示例？