时间戳

首页 > 解决方案 > Hot-Module-Replacement (HMR) 在 vue-cli 3 项目中突然停止工作

vue.js - Hot-Module-Replacement (HMR) 在 vue-cli 3 项目中突然停止工作

问题描述

在我用 vue-cli 3 创建的 vue 项目中，我的热重载工作正常，然后突然停止了。在我的控制台中，当我保存*.vue文件时，我看到：

[WDS] App updated. Recompiling...
[WDS] App hot update...

但就是这样，它停在那里，没有在浏览器中重新加载。我已经尝试重新安装我的整个节点模块，我的 webpack-dev-server，尝试添加

watchOptions: {
      poll: true
}

到我的 vue.config.js文件，但没有任何效果。我的配置文件非常简单直接：

module.exports = {
  devServer: {
    port: 8080,
    clientLogLevel: 'info'
  },
  pages: {
    app: {
      entry: 'src/main.js',
      template: 'public/index.html',
      filename: 'index.html'
    }
  },
  css: {
    loaderOptions: {
      sass: {
        data: `
            @import "@/assets/styles/variables.scss";
          `
      }
    }
  }
}

知道是什么原因造成的吗？

标签： vue.jsvue-cli-3

解决方案

推荐阅读