关闭 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）。

关闭 Nuxt 应用程序中的 webpack-hot-middleware 客户端覆盖

Turn off webpack-hot-middleware client overlay in Nuxt application

webpack

vue.js

webpack-hot-middleware

nuxt.js