Vue不能热更新的原因

近来实施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官方文档中有提到对于组件名的大小写描述,没想到对于文件夹名称也这么敏感!!具体什么原因目前还未去探索...

困扰好几天的问题解决了~ 感觉真棒!

你可能感兴趣的:(Vue不能热更新的原因)