un-pany / v3-admin-vite

☀️ A vue3 admin template | vue3 admin/element plus admin/vite admin/vue3 template/vue3 后台/vue3 模板/vue3 后台管理系统
https://un-pany.github.io/v3-admin-vite
MIT License
5.27k stars 893 forks source link

修改任意界面,切换其他界面就会出现空白,必须要手动重新刷新才可以出现界面 #114

Closed AuroraWei closed 1 year ago

AuroraWei commented 1 year ago

修改任意界面,切换其他界面就会出现空白,必须要手动重新刷新才可以出现界面

bdf0b

pany-ang commented 1 year ago

我写的中文文档,或者该 issue https://github.com/un-pany/v3-admin-vite/issues/101 都提到了解决方案

AuroraWei commented 1 year ago

应该不是这个问题,控制台没有报错. 而且我是直接拉代码下来,几乎还没做什么修改,只是在首页打印一个console.log,当时可以显示,切换一下菜单就所有的页面都没有了。(我还检查了一下页面,所有的是跟vue2的写法一样)

pany-ang commented 1 year ago

那你可以用我的预览地址或者拉一份新的代码测试,如果不能复现你说的情况,那就还是你改动后的代码有问题,并且这种情况目前为止都是因为没有保证一个根元素导致的

AuroraWei commented 1 year ago

还是不行,我只是在首页添加了一个这个,我也很奇怪其他人没有遇见这个问题吗 6e31267e

AuroraWei commented 1 year ago

5-05-55 就是这样,它也不报错

pany-ang commented 1 year ago

你确定你没有改动任何代码?

AuroraWei commented 1 year ago

我就加了给你截图的那个·

pany-ang commented 1 year ago

你建一个仓库,把你代码推上去看看

pany-ang commented 1 year ago

再说明一下你的环境,node 版本、浏览器版本等

AuroraWei commented 1 year ago

node是18.16,浏览器Chrome116

pany-ang commented 1 year ago

node是18.16,浏览器Chrome116

这个不会有问题,只能上传代码给我复现了

AuroraWei commented 1 year ago

这个代码真的就是你的代码

pany-ang commented 1 year ago

我这边复现不了,就不能帮你解决问题... 预览环境你自己能复现吗?https://un-pany.github.io/v3-admin-vite/#/dashboard

AuroraWei commented 1 year ago

https://gitee.com/mouyalin/v3-admin-vite.git 我把代码传到这里了,你拉下来试一下吧

pany-ang commented 1 year ago

https://gitee.com/mouyalin/v3-admin-vite.git 我把代码传到这里了,你拉下来试一下吧

不能复现... 这份代码没问题

w871507855 commented 1 year ago

@AuroraWei 在src/App.vue里面修改下代码试试,在route-view中加 :key="$route.path" image

pany-ang commented 1 year ago

https://gitee.com/mouyalin/v3-admin-vite.git 我把代码传到这里了,你拉下来试一下吧

已复现,需要修改一下 TS 代码热更新后才能触发你说的问题

AuroraWei commented 1 year ago

什么意思

pany-ang commented 1 year ago

复现步骤:

  1. 进入一个页面
  2. 去修改该页面的 TS 代码
  3. 回到浏览器切换页面
  4. 内容区空白了
AuroraWei commented 1 year ago

可以修复吗

AuroraWei commented 1 year ago

因该是热更新的问题吧

AuroraWei commented 1 year ago

按照上面那个朋友说的 ,在route-view中加 :key="$route.path",好像是可以

AuroraWei commented 1 year ago

9c9 这样也可以,不要它的动画

pany-ang commented 1 year ago

有可能是 vue 本身的问题:https://github.com/vuejs/core/issues/7121

pany-ang commented 1 year ago

已修复该问题,代码已更新:https://github.com/un-pany/v3-admin-vite/commit/db3de00fcfbba52d6c3a6bb478654be0afae297a