vue.js - 在 Nuxt 应用程序中关闭 webpack-hot-middleware 客户端覆盖

Question

我正在尝试在我的 Nuxt 应用程序中关闭 webpack-hot-middleware 的覆盖。

我尝试在 nuxt.config.js 中编辑配置，但覆盖仍然存在。

  build: {
    // turn off client overlay when errors are present
    hotMiddleware: {
      overlay: false
    },
    /*
    ** You can extend webpack config here
    */
    extend(config, ctx) {
      // Run ESLint on save
      if (ctx.isDev && ctx.isClient) {
        config.module.rules.push({
          enforce: 'pre',
          test: /\.(js|vue)$/,
          loader: 'eslint-loader',
          exclude: /(node_modules)/
        });
      }
    }
  }

Answer 1

如果您查看此 PR，则需要执行以下操作：

  build: {
    hotMiddleware: {
      client: {
        // turn off client overlay when errors are present
        overlay: false
      }
    }
  }

它对我有用（Nuxt 2.8.1）。