厦门外贸企业网站建设,东莞阳光网最新新消息,创建蛋糕网站建设方案,太原it培训机构前段时间开发新的项目#xff0c;由于没有技术上的限制#xff0c;所以选择了vitevue3ts来开发新的项目#xff0c;一开始用vite来开发新项目过程挺顺利#xff0c;确实比vue2webpack的项目高效些#xff08;为什么选择vite#xff09;,但是过了一段时间后#xff0c;不… 前段时间开发新的项目由于没有技术上的限制所以选择了vitevue3ts来开发新的项目一开始用vite来开发新项目过程挺顺利确实比vue2webpack的项目高效些为什么选择vite,但是过了一段时间后不过怎么操作页面修改页面都无法及时刷新预览页面各种纠结。 我觉得这是一个坑为啥请看下面的描述 按理说我们无需要关心这些额外的配置但是现在确实影响到了我们的开发体验官网上也没明确描述仔细想想是什么原因导致了无法热更新的问题因为刚搭建完工程开发的时候确实是可以热更新的仔细想了想发现好像是添加完路由出现这个问题的猜想如果没有路由是不是可以热更新呢于是在App.vue中修改代码发现确实可以及时热更新现在可以基本上可以确定是路由问题的啦各位可以自己试下。 怎么解决呢 网上基本的解决方案是router 路由中名称和引入文件路径及文件名需要保证大小写一致但是我仔细对比了下发现我项目中路由引用的路径名称没有写错再次陷入思考到底是啥原因那么只有可能是引入组件的方式不一致因为我的路由页面特别简单只引入了一个页面于是将路由引入的方式由静态的改为动态的管用了但是想不明白问题确实解决了。 静态的写法不刷新
import Index from /views/index.vue
const routes [{path: /, component: Index}
] 动态的写法刷新
const routes [{path: /, component: () import(/views/index.vue)}
] 至此我的问题解决下面来看其他导致没有热更新的问题
1、vite.config.ts没有配置热更新为false改正
server: {hmr: true,//vue3 vite配置热更新不用手动刷新}
2、一次性出现了过多的错误这种情况一般出现在我们从别的地方复制一大段代码然后修改即便是把所有的错误都解决了热更新也失效这种情况得重启服务。
3、长时间修改页面未重启过服务也会导致热更新失效这种情况也得重启服务。
4、一些配置文件的修改也不会实时更新需要我们重启服务
changed tsconfig file detected: E:\****\tsconfig.json - Clearing cache and forcing full-reload to ensure TypeScript is compiled with updated config values.
