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

  • 网店推广方式有哪些(网店推广方式有几种具体是哪些)

    网店推广方式有哪些(网店推广方式有几种具体是哪些)

  • 小米手机纯净模式怎么打开(小米手机纯净模式怎么关闭)

    小米手机纯净模式怎么打开(小米手机纯净模式怎么关闭)

  • ios12.4无法验证更新(ios15 无法验证)

    ios12.4无法验证更新(ios15 无法验证)

  • 候补订单显示候补人数较少(候补订单显示候补人数较少能兑换上么)

    候补订单显示候补人数较少(候补订单显示候补人数较少能兑换上么)

  • 苹果手机不支持支付(苹果手机不支持23g网络的能买吗为什么)

    苹果手机不支持支付(苹果手机不支持23g网络的能买吗为什么)

  • 微信加人过于频繁要等多久(微信加人过于频繁申诉怎么写)

    微信加人过于频繁要等多久(微信加人过于频繁申诉怎么写)

  • 通信助手取消了会怎样(通信助手包取消有影响吗)

    通信助手取消了会怎样(通信助手包取消有影响吗)

  • nfc可以刷公交车吗(nfc可以刷公交车老年卡吗)

    nfc可以刷公交车吗(nfc可以刷公交车老年卡吗)

  • 微信密码泄露后会有什么后果(微信密码泄露后会有什么后果自己微信支付用不了)

    微信密码泄露后会有什么后果(微信密码泄露后会有什么后果自己微信支付用不了)

  • b站播放量自己看算吗(b站播放量自己算不算)

    b站播放量自己看算吗(b站播放量自己算不算)

  • 微信被对方删除了还能不能收钱(微信被对方删除为什么还能发消息)

    微信被对方删除了还能不能收钱(微信被对方删除为什么还能发消息)

  • 苹果xr是a几处理器(苹果手机xr是a12处理器)

    苹果xr是a几处理器(苹果手机xr是a12处理器)

  • 电脑任务栏隐藏了怎么显示出来(电脑任务栏隐藏图标怎么设置)

    电脑任务栏隐藏了怎么显示出来(电脑任务栏隐藏图标怎么设置)

  • 信息闪退是怎么回事儿(信息闪退打不开)

    信息闪退是怎么回事儿(信息闪退打不开)

  • 苹果5s支持4g网络吗(iphone 5s支持4g吗)

    苹果5s支持4g网络吗(iphone 5s支持4g吗)

  • id面容不可用怎么回事(id面容不可用怎么关闭)

    id面容不可用怎么回事(id面容不可用怎么关闭)

  • 手机迅雷还有附近的功能吗(手机迅雷附近功能在哪里)

    手机迅雷还有附近的功能吗(手机迅雷附近功能在哪里)

  • 条形码在哪个部门申请(条形码在哪个部门查)

    条形码在哪个部门申请(条形码在哪个部门查)

  • 为什么电话无权接受呼叫(为什么电话无权接通)

    为什么电话无权接受呼叫(为什么电话无权接通)

  • window7截图工具在哪(win7截图快捷键)

    window7截图工具在哪(win7截图快捷键)

  • 蓝牙版本4.2和5.0有什么区别(蓝牙版本4.2和5.2可以连接吗苹果)

    蓝牙版本4.2和5.0有什么区别(蓝牙版本4.2和5.2可以连接吗苹果)

  • 微信对话框有个耳朵(微信对话框有个铃声锁)

    微信对话框有个耳朵(微信对话框有个铃声锁)

  • 电脑cpu温度(电脑cpu温度多少正常)

    电脑cpu温度(电脑cpu温度多少正常)

  • Win10字体太大或太小(won10字体变大)

    Win10字体太大或太小(won10字体变大)

  • pnpm 基本详细使用(安装、卸载、使用)(pnp.npn)

    pnpm 基本详细使用(安装、卸载、使用)(pnp.npn)

  • 销售软件系统退货怎么退
  • 无形资产的出售的会计处理
  • 所得税在什么情况下扣除
  • 临时人员劳务费有哪些?
  • 送现金券用什么活动语
  • 转让房地产未完工项目增值税发票如何处理?
  • 房地产限购过程是什么
  • 小企业会计准则和企业会计准则的区别
  • 企业拆迁补偿款会计分录
  • 未开票收入怎么做账
  • 清洁服务经营范围有哪些
  • 增值税纳税表销售额的填写
  • 什么是差额费用
  • 外国人的纳税人识别号是护照号吗
  • 2021最新车船税
  • win11打开设置
  • 公司外币账户怎么登录
  • 个体工商户核定征收标准2023
  • 保证合同的担保范围包括
  • 苹果电脑设置壁纸为什么重启就没了
  • 非一般纳税人可以抵扣吗
  • os x yosemite dp5下载地址 os x 10.10 dp5更新内容
  • 鸿蒙系统怎么开启OTG
  • 固定资产一次性扣除后第二年账务处理
  • 用彩泥可以做什么食物?
  • 最奢华的女士腕表
  • 享受小型微利企业税收优惠的条件
  • 资产负债表的编制方法
  • 企业利润取出税费有哪些
  • 支票沾水
  • 工资属于营业成本
  • 税款入库期是什么意思
  • 使用nvm安装nodejs后无法执行node命令
  • 员工安全培训费可以计入安全费用吗
  • 固定资产盘盈、盘亏的账务处理?
  • 对公账号里面的钱会扣税吗
  • 选择简易计税方法按照5%的征收率计税公式
  • 主营营业成本会计分录
  • 帝国cms导入模板后怎样调用
  • mysql乱码产生原因
  • php环境配置教程
  • 利息收入算什么会计科目
  • 预收账款挂多久确认收入
  • 预缴税金用于抵减税费
  • 公司可以打款给中间人
  • 一般纳税人增值税申报表怎么填写
  • 销售软件产品
  • 为什么要进行结账和对账
  • 企业哪些税费不通过应交税费账户进行核算
  • 以前年度损益调整怎么做账
  • 固定资产折旧怎么算
  • 企业所有者权益是指什么
  • win10 下一代
  • xp系统怎么删除系统
  • windows xp系
  • windows vista(service pack1)
  • microsoft window vista
  • windows10电脑重置电脑
  • macbook触摸板如何点右键
  • 场景切换方式
  • 特效添加
  • 老生常谈的例句
  • python 安装setup
  • opengl transform
  • opengl光照算法
  • opengl导入obj能动起来吗
  • jquery使用教程
  • jquery选择器的使用
  • css中标签
  • css@import
  • vue router使用query和params传参的使用和区别
  • vue远程调用组件
  • js拖动效果
  • python框架flask系列
  • 企业所得税年报职工薪酬纳税调整明细表
  • 浙江国地税联合申报系统官网
  • 公安驻税务联络办公室
  • 可以在企业所得税税前扣除的税金
  • 开健身会所国家有补贴吗
  • 小规模纳税人是按月还是按季度申报增值税
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设