vue脚手架修改组件网页没有热更新

今天做项目的时候，因为需求问题，需要修改组件文件中部分数据。随后就发现一个问题，每次修改完组件中数据之后，vue都没有热更新。每次都需要手动重启项目 npm run dev，很耽误时间。后来实在是忍受不了，通过找问题发现是组件文件名字的问题。我的文件名字是小写，但是页面引用的组件文件名却是大写，这样虽然不会导致组件引用报错，但是会阻止页面热更新。因此把组件的文件名改为大写，与页面引用...

折剑出江湖

2927人浏览 · 2019-04-11 16:02:42

折剑出江湖 · 2019-04-11 16:02:42 发布

今天做项目的时候，因为需求问题，需要修改组件文件中部分数据。随后就发现一个问题，每次修改完组件中数据之后，vue都没有热更新。

每次都需要手动重启项目 npm run dev，很耽误时间。

后来实在是忍受不了，通过找问题发现是组件文件名字的问题。我的文件名字是小写，但是页面引用的组件文件名却是大写，这样虽然不会导致组件引用报错，但是会阻止页面热更新。

因此把组件的文件名改为大写，与页面引用的文件名保持一致就ok了。

好了，困扰一上午的问题，完美解决，再也不用手动重启项目了。

更多技术文章与心情文章大家可以去我的个人网站：http://gongsuiyue.gitee.io/zzy/

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^