[路由跳转] 路由跳转页面空白

[ace0109]

tdesign-vue-next-starter 版本

0.7.6

重现链接

td-starter init初始化后启动

重现步骤

td-starter init初始化后启动

1. 在当前页面随便改一下代码（修改script标签内的代码）
2. 保存，触发hmr更新
3. 点击菜单跳转到任意一个页面

期望结果

页面正常显示

实际结果

页面未正常渲染出来

框架版本

No response

浏览器版本

No response

系统版本

No response

Node版本

18.16.0

补充说明

注意是必须修改script标签中的代码

[github-actions]

👋 @ace0109，感谢给 TDesign 提出了 issue。
请根据 issue 模版确保背景信息的完善，我们将调查并尽快回复你。

[github-actions]

♥️ 有劳 @PengYYYYY 尽快确认问题。
确认有效后将下一步计划和可能需要的时间回复给 @ace0109 。

[timi137137]

vue本身就基于html中的js做入口，hmr只能热更新这个入口外的文件，你把人家老家端了能给你显示个框就不错了
以上纯粹盲猜，毕竟没代码截图无异于闭眼开车

[ace0109]

不知道是不是我没描述清楚，你们可能也没去验证。
那我直接贴上代码连接，再附上操作步骤，然后贴上一个竞品的代码链接作为对比。

这个是Tencent/tdesign-vue-next-starter的链接

这个是vbenjs/vue-vben-admin的链接

复现步骤：

1. 如下图所示，在首页，修改左侧首页代码中的变量a的值，比如12345改为123456
2. 
3. 改完后会触发vite的hmr更新，这时候点击右侧的菜单：”统计报表“，这时候会发现，页面空白了。如下图
4. 
5. 这时候在不手动刷新页面的情况下，点任何菜单跳转都是空白。

相同操作，我们操作一下第二个链接，为竞品的开源作品。

1. 如下图所示，在首页，修改左侧首页代码中的变量a的值，比如12345改为123456
2. 
3. 改完后会触发vite的hmr更新，这时候点击右侧的菜单：”工作台“，页面正常显示。
4. 

以上就是我认真做的复现操作，我觉得我已经描述的非常详细了，如果还不明白我描述的问题，那就算了吧。

再群里提出来，也没人在意。再这提问题，也感觉并不重视。我感觉我描述的非常清楚了啊。

[jesseice]

在layout文件里的Content.vue找到transition标签 删掉就行

[ace0109]

在layout文件里的Content.vue找到transition标签 删掉就行

删掉不就没有过渡效果了......

[ace0109]

换一下transition标签位置，放到keep-alive标签内，就可以解决了

[timi137137]

跟进，vuejs/core#7121