Как экспортировать на статический сайт, используя nextjs и sass?

Question

Я недавно начал изучать nextjs / реагировать и застрял после обучения на официальном сайте nextjs при попытке экспортировать мое приложение в статический сайт:

Я использую sass дляпри стилизации приложения, и при попытке запустить скрипт npm run build он выдает ошибку, в которой говорится:

Ошибка синтаксического анализа модуля: неожиданный токен (1: 0) Вам может потребоваться соответствующий загрузчик для обработки этоготип файла.

Я проверил свою структуру кода и настройки и не смог понять, что пошло не так.Похоже ошибка связана с загрузчиком sass?Любые указатели будут с благодарностью.

ниже несколько скриншотов моей установки.

Answer 1

У вас есть два module.exports в вашем next.config.js, что недопустимо.

Возможно, попробуйте передать конфигурацию в withSass и экспортировать это ...

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

Answer 2

Вам нужно добавить sass-loader зависимость.

npm i -D sass-loader

, а затем добавить это так:

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