位置: IT常识 - 正文

vite+vue3搭建的工程热更新失效问题(vue3.0 vite)

编辑:rootadmin
vite+vue3搭建的工程热更新失效问题

推荐整理分享vite+vue3搭建的工程热更新失效问题(vue3.0 vite),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:vue3环境搭建,vue工程搭建,vue3.0搭建,vue3.0 vite,vue工程搭建,vue3搭建项目,vue工程搭建,vue3搭建项目,内容如对您有帮助,希望把文章链接给更多的朋友!

       前段时间开发新的项目,由于没有技术上的限制,所以选择了vite+vue3+ts来开发新的项目,一开始用vite来开发新项目过程挺顺利,确实比vue2+webpack的项目高效些(为什么选择vite),但是过了一段时间后,不过怎么操作页面修改页面都无法及时刷新预览页面,各种纠结。

        我觉得这是一个坑,为啥,请看下面的描述

        

         按理说,我们无需要关心这些额外的配置,但是现在确实影响到了我们的开发体验,官网上也没明确描述,仔细想想是什么原因导致了无法热更新的问题,因为刚搭建完工程开发的时候确实是可以热更新的,仔细想了想发现好像是添加完路由出现这个问题的,猜想如果没有路由是不是可以热更新呢,于是在App.vue中修改代码发现确实可以及时热更新,现在可以基本上可以确定是路由问题的啦,各位可以自己试下。

vite+vue3搭建的工程热更新失效问题(vue3.0 vite)

        怎么解决呢, 网上基本的解决方案是: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.
本文链接地址:https://www.jiuchutong.com/zhishi/299809.html 转载请保留说明!

上一篇:【2022-05-31】JS逆向之易企秀(逆算法怎么算)

下一篇:火遍全网的chatGPT(火遍全网的超燃神曲旋律震撼人心,听完热血沸腾!)

  • 普通发票忘记开数量和单价可以用吗
  • 个人所得税汇算清缴情况报告
  • 预交所得税利润表怎么填
  • 公司茶水间有什么
  • 解除劳动合同员工不同意
  • 税务局代开的增值税专票可以红冲吗?
  • 企业用流动资金怎么做账
  • 转账支票遗失能挂失吗
  • 税务小规模定律是什么意思
  • 进项税额抵扣的情况有哪些
  • 完税证明可以作为发票吗
  • 财务费用中的利息收入指什么
  • 办理转移登记需要什么资料
  • 保险公司赔偿的存货自然灾害损失
  • 退回的费用如何入账
  • SQL Server2005、2008如何彻底删除卸载并重新安装?
  • 员工招待费会计分录
  • 餐饮企业原材料的核算,新城饭店为增值税一般纳税人
  • 出口企业免抵退是什么意思
  • element plus 虚拟化表格
  • c++ 库文件
  • 收到押金缴国库费怎么办
  • 电脑一开机一会一会黑屏
  • pow是什么意思中文翻译
  • 加拿大沿海城市有哪些
  • 销售固定资产税目
  • csinject.exe是什么程序的进程 csinject进程是安全的吗
  • 关键点检测backbone
  • pa等比例缩放
  • 公司给员工付个税怎么算
  • 当月预交的增值税在申报期内可以填报进去抵扣
  • php数据统计分析
  • php遍历结果集
  • 危废处理需要哪些手续
  • 最强alpha什么意思
  • 企业投资计入什么科目
  • 租赁增值税发票税率
  • 固定资产记到什么账本
  • 企业收取的罚款需要交企业所得税吗
  • 哪些是生产企业
  • 挂靠设计公司费用标准怎么记账
  • 企业会计准则无形资产土地摊销
  • 投资性房地产转固定资产账务处理
  • 补缴税款计入什么科目
  • 项目提前竣工借款合法吗
  • 以非现金资产清偿债务的方式下,债权人
  • 销项负数发票是红字发票吗
  • 发票开的是推广服务费计入什么费用?
  • 交城市维护建设税减半征收吗?
  • 第三方平台佣金账务处理
  • 一般账户的网银操作员变更怎么办理
  • 收到跨月的费用发票怎么入账
  • 进项已抵扣,退货发票怎么处理
  • 对于审核后的凭证可直接修改对吗
  • 税务开票系统如何设置不用重复登录
  • mysql 表分区
  • innodb.trx
  • 在windows中下列叙述正确的是什么
  • centos如何设置ip
  • centos查看wwn
  • 密码多次错误被锁定怎么办
  • linux计划任务不生效
  • Win10预览版镜像
  • 某网贴出来的u3d面试题目汇总,当时学习下(好多我都不会呢)
  • javascript居中
  • 关于减肥的好方法
  • androidstudiosdk
  • css网站布局实录
  • python的异常处理语句
  • the oculus rift
  • python连接mq
  • unity3d 赛车游戏
  • jquery的dialog
  • android 动画特效
  • 中国的外籍
  • 曲靖市税务局领导班子
  • 税务三方协议多久生效
  • 实名办税的法律依据
  • 如何落实保密制度规定措施
  • 业务竞赛经验分享
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设