Vue热重载失效

问题

vue的项目启动后修改元素页面不更新，打开控制台显示如下，很明显它是知晓了页面中有元素进行更改了的，但是只提示需要重新加载页面没有刷新，这是为啥呢？

原因

Webpack版本问题，webpack4.0后需要手动配置开启热更新，默认没有开启

解决方法

1、局部安装依赖

npm install --save-dev webpack-dev-server

2、修改vue.config.js配置文件，开启热更新

devServer: {
   
    disableHostCheck: true,//webpack4.0 开启热更新