在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

如果您查看this PR，则需要这样做：

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

它对我有用（Nuxt 2.8.1）。