Vue|Vue Vite热更新不起作用的正确解决办法
目录
- 解决方案:
- 正确示例:
- 错误示例:
- 注意:
- 附:vue3+vite不热更新的解决方案
- 总结
解决方案: 提示:文件夹名称严格注意大小写
router 路由中名称 和文件夹(目录), 文件名需要保证大小写一致
正确示例:
{path: 'show',component: () => import("@/views/show/index.vue"), }
show 目录名
index.vue 文件名
这样大小写都是与路由中一致的就不会出现问题
错误示例:
{path: 'show',component: () => import("@/views/Show/index.vue"), }
show 目录名 (注意路由中是大写开头,这里是小写的,这就是问题所在)
Index.vue 文件名
这样写目录名或文件名与路由中写的大小写不一致就会出问题
这种情况的话如果不想改目录或文件名,可以修改路由中目录名或文件名
注意: 目录或文件名有驼峰命名的时候也一样需要注意大小写
附:vue3+vite不热更新的解决方案 今天打开项目,更改了vue文件,发现项目不热更新,每次修改样式或者方法,都不会热更新,每次都需要刷新一下浏览器.
在网上搜了一下解决方案,大多数的解决方案都是一样,就是检查路由的,文件名和导入路径名是否大小写一致,检查了一番,路由名字都是一致的,不存在大小写不同的情况
最终问题=>竟然是vite.config.js里面将Server的hmr属性设置成了false,这样,每次启动服务都不会进行连接热更新
【Vue|Vue Vite热更新不起作用的正确解决办法】将hmr 设置成true,问题解决了,项目可以热更新了
文章图片
总结 到此这篇关于Vue Vite热更新不起作用的文章就介绍到这了,更多相关Vite热更新不起作用内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!
推荐阅读
- vue2实现手势密码功能
- vue项目热更新的坑及解决
- vue|vue v-model的详细讲解(推荐!)
- Android 热门技术干货
- vuex应用状态管理和axios网络请求响应
- “开源之夏”活动火热报名中,丰厚奖金等你来拿!
- iphone个人热点搜不到
- HTML常见的面试题有哪些(热门问题和答案解析)
- 18个开源免费Vue仪表板管理模板(哪个最适合你())
- Win10笔记本怎样设置WiFi热点?