位置: 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(火遍全网的超燃神曲旋律震撼人心,听完热血沸腾!)

  • 2021小米49元换电池活动怎么参加(小米49元换电池需要人工费吗)

    2021小米49元换电池活动怎么参加(小米49元换电池需要人工费吗)

  • qq闪图功能怎么开启(qq闪图功能怎么没有了2023)

    qq闪图功能怎么开启(qq闪图功能怎么没有了2023)

  • 抖音作者评论可以置顶吗(抖音里的评论作者是不是可以删除)

    抖音作者评论可以置顶吗(抖音里的评论作者是不是可以删除)

  • 苹果id支付宝收不到验证码(苹果id支付宝收不了款)

    苹果id支付宝收不到验证码(苹果id支付宝收不了款)

  • 淘宝直播回放还能再买吗(淘宝直播回放还能领优惠券吗)

    淘宝直播回放还能再买吗(淘宝直播回放还能领优惠券吗)

  • breeno是什么功能(breeno是什么?)

    breeno是什么功能(breeno是什么?)

  • soul访客记录次数怎么计算(soul上的访问次数)

    soul访客记录次数怎么计算(soul上的访问次数)

  • 抖音改名字有限制吗(抖音改名字上限怎么办,想今天就改)

    抖音改名字有限制吗(抖音改名字上限怎么办,想今天就改)

  • 小米手环2怎么关机重启(小米手环2怎么重置)

    小米手环2怎么关机重启(小米手环2怎么重置)

  • ai可以代替cdr吗(ai和cdr可以相互通用吗)

    ai可以代替cdr吗(ai和cdr可以相互通用吗)

  • 关机时的未接来电开机后会显示吗(关机时的未接来电开机后 怎么察)

    关机时的未接来电开机后会显示吗(关机时的未接来电开机后 怎么察)

  • 华为荣耀20可不可以无线充电(华为荣耀可不可以隐藏应用)

    华为荣耀20可不可以无线充电(华为荣耀可不可以隐藏应用)

  • 路由器ap隔离什么意思(路由器ap隔离有什么用)

    路由器ap隔离什么意思(路由器ap隔离有什么用)

  • 苹果手机能用蓝牙传图片吗(苹果手机能用蓝牙传软件吗)

    苹果手机能用蓝牙传图片吗(苹果手机能用蓝牙传软件吗)

  • 手机qq怎么改空间背景(手机QQ怎么改空白名字)

    手机qq怎么改空间背景(手机QQ怎么改空白名字)

  • 华硕主板怎么进入bios(华硕主板怎么进入u盘启动重装系统)

    华硕主板怎么进入bios(华硕主板怎么进入u盘启动重装系统)

  • 睡眠模式黑屏怎么唤醒(显示屏睡眠模式进入就会黑屏)

    睡眠模式黑屏怎么唤醒(显示屏睡眠模式进入就会黑屏)

  • 少年儿童沉迷网络游戏的原因分析及应对策略(少年儿童沉迷网络游戏现象)

    少年儿童沉迷网络游戏的原因分析及应对策略(少年儿童沉迷网络游戏现象)

  • 打印机安装好了无法打印(打印机安装好了扫描仪需要安装吗)

    打印机安装好了无法打印(打印机安装好了扫描仪需要安装吗)

  • 爱奇艺中怎么彻底删除记录(爱奇艺怎么彻底删除)

    爱奇艺中怎么彻底删除记录(爱奇艺怎么彻底删除)

  • 支付宝怎么绑定淘宝(支付宝怎么绑定孩子的医保卡)

    支付宝怎么绑定淘宝(支付宝怎么绑定孩子的医保卡)

  • mfc阻止关机怎么解决(cmsgwnd阻止关机)

    mfc阻止关机怎么解决(cmsgwnd阻止关机)

  • Mac outlook设置邮件签名的图文步骤(mac outlook怎么设置邮箱签名)

    Mac outlook设置邮件签名的图文步骤(mac outlook怎么设置邮箱签名)

  • sdii.exe - sdii是什么进程 有什么用(sdi是什么文件)

    sdii.exe - sdii是什么进程 有什么用(sdi是什么文件)

  • 【Leetcode】移除链表元素 链表的中间节点 链表中倒数第k个节点(iterator用法 移除对象)

    【Leetcode】移除链表元素 链表的中间节点 链表中倒数第k个节点(iterator用法 移除对象)

  • 金税三期登录界面
  • 一般纳税人提供服务税率
  • 购买理财产品计入交易性金融资产
  • 预包装食品销售流程图
  • 个税app抵扣多少钱怎么查询
  • 找不到契税发票怎么办
  • 检测样品留样期限
  • 用友反结账流程
  • 聘用劳务人员派遣合法吗
  • 年终奖第二年才发怎么计算个税在个税app
  • 一般纳税人证明在哪里打印
  • 小规模纳税人季度申报表怎么填
  • 监控系统施工费用包括哪些内容
  • 跨年度的费用发票,如何做分录
  • 技术合同与购销合同区别
  • 主营业务成本和库存商品区别
  • 公司帐户能直接转账吗
  • compaq-rba.exe是哪个方面的进程 作用是什么 compaq-rba进程查询
  • win11 桌面右键
  • 固定资产残料收入的账务处理
  • 工会经费是职工工资总额的
  • 负债期末余额为负数写在哪方
  • thinkphp钩子场景
  • vue3中使用require
  • php教程全集
  • 某建筑公司因施工期紧迫,事先未能与有关
  • 山上覆盖着皑皑白雪
  • php中实现文件上传需要用到哪几个函数
  • 委托代理出口账务处理
  • 银行存款利息应记什么科目
  • 农药免税政策文件有哪些
  • 提取企业所得税怎么做会计科目
  • 企业员工年终奖仲裁
  • 电子承兑汇票贴现怎么操作
  • 报税报错了能否下月调整
  • 什么时候工程物资什么时候在建工程
  • 预付账款需要做预算凭证吗
  • 车保险名称
  • 个人所得税的纳税期限
  • 购进消耗品怎么做账
  • 期末留抵的进项税可以计入成本吗
  • 经营杠杆系数的推导
  • 工资表的重要性
  • 业务招待费纳税筹划
  • 农产品收购发票如何抵扣进项税
  • 预收账款的借贷方向增减
  • 企业注销预付账款怎么做
  • 解析sql语句
  • mac的mysql安装
  • 指定为fvtpl
  • 最新版的win10
  • 如何查看windows
  • ubuntu18虚拟机
  • 深入理解linux内核架构
  • mac10.5系统
  • 苹果电脑安装虚拟机会有什么影响
  • xp系统怎么关闭fn
  • mac itunes在哪儿
  • win8 升级 win10
  • windows对高分屏怎么这么差
  • 电脑安装win8
  • js中的原型是什么
  • Node.js + Redis Sorted Set实现任务队列
  • perl 获取数据库查询结果
  • php autoload
  • javascript闭包函数
  • ssh连不上centos
  • 网卡流量怎么计算
  • [置顶]马粥街残酷史
  • jquery return
  • react和nodejs
  • 虚拟摇杆 安卓
  • js map(parseint)
  • 删除的照片怎么还原
  • 征管法第六十三条的内容
  • 服务行业工作总结不足
  • 2022款进口途锐
  • 如何连续打印单据
  • 交17000办的保险是什么保险
  • 武汉 工资 税
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设