как решить ошибку, что модуль fs не найден при использовании реагировать и next.js

Question

Я использую приложение реакции без настроек маршрутизатора.Я хочу создать свой файл sitemap.xml.Я пробовал некоторые модули, такие как sitemap.js, response-router-sitemap, sitemap-generator.Но эти модули выдают ошибку, так как модуль fs отсутствует.Я установил модуль fs через npm install --save.Но это все еще показывает ошибку.

На некоторых форумах я обнаружил, что добавляю приведенный ниже код в файл webpack.config.

узел: {fs: "empty"} Не уверен, где находится этот файл.Я не смог найти их, кроме модулей, связанных с картой сайта.

Пожалуйста, помогите мне решить эту проблему.Я новичок, чтобы реагировать.

Вот моя структура папок.

Answer 1

создайте next.config.js и поместите код ниже.У меня работает нормально.

next.config.js

module.exports = {
    webpack: (config, { buildId, dev, isServer, defaultLoaders, webpack }) => {
      // Note: we provide webpack above so you should not `require` it
      // Perform customizations to webpack config
      // Important: return the modified config

      // Example using webpack option
      //config.plugins.push(new webpack.IgnorePlugin(/\/__tests__\//))
      config.node = {fs:"empty"}
      return config
    },
    webpackDevMiddleware: config => {
      // Perform customizations to webpack dev middleware config
      // Important: return the modified config
      return config
    },
  }