vue.js - 如何使用 vue-cli-service serve 禁用热模块替换？

Question

每当我跑步vue-cli-service serve并尝试访问该站点时，我都会Uncaught Error: [HMR] Hot Module Replacement is disabled.进入浏览器。

是什么导致了这个错误？我不想启用 HMR。

标签： vue.jswebpack-hmrvue-cli-3

Answer 1

在 vue-loader 中设置hotReload为。false

遗憾的是，更改vue-cli的加载程序选项不起作用。

module.exports = {
  chainWebpack: config => {
    config.module
      .rule('vue')
      .use('vue-loader')
        .loader('vue-loader')
        .tap(options => {
          options.hotReload = false
          return options
        })
  }
}

运行vue-cli-service serve --mode=production它会禁用 HMR，但还不止于此。