近来实施vue项目,遇到修改.vue文件后不能热更新的问题
,并且一定要重新npm run dev
后才能更新,非常影响开发效率;
为此在网上找了与该问题相关的文章,如:
- vue热替换失效根本原因:https://blog.csdn.net/win7583362/article/details/65443291
- linux下vue热更新失败的解决方法:https://blog.csdn.net/shooke/article/details/72678594
试过后均不能解决;蛋疼啊~
没办法只能自己排查,不能热更新的主要是views目录下的.vue文件,以下是我views目录的大致结构:
-views
------Home
----------index.vue
------Menu
----------index.vue
----------detail.vue
------404.vue
- 为什么404.vue可以热更新而其它文件夹下的
.vue
不能更新??? - 会不会是router的配置出现了问题呢?
果断尝试把router中所有的配置全部注释掉,仅保留/404与/home,把这两个配置改成一模一样的后问题依旧,但把index.vue文件放在404同级目录就可以了。。这是什么逻辑?? - 详细分析后感觉没有其它毛病了,难不成是文件夹名称???
但也没有什么特殊字符啊`````总不会是文件名有大写导致吧?
将文件夹名称试着改成小写,npm run dev 居然OK了。
在vue官方文档中有提到对于组件名的大小写描述,没想到对于文件夹名称也这么敏感!!具体什么原因目前还未去探索...
困扰好几天的问题解决了~ 感觉真棒!