使用外部链接（内嵌）模式报错

[a445073286]

tdesign-vue-next-starter 版本

当前版本0.11.0

重现链接

No response

重现步骤

使用外部链接（外链）正常。

使用外部链接（内嵌）时，出现vue-router.mjs:3561 Error: Invalid route component报错，路由代码如下（把mock的iframe路由复制到homepage.ts下可以复现）
{
path: '/frame',
name: 'Frame',
component: 'Layout',
redirect: '/frame/doc',
meta: {
icon: 'internet',
title: {
zh_CN: '外部页面',
en_US: 'External',
},
},
children: [
{
path: 'doc2',
name: 'Doc2',
component: 'IFrame',
meta: {
frameSrc: 'https://tdesign.tencent.com/starter/docs/vue-next/get-started',
title: {
zh_CN: '使用文档（内嵌）sfda',
en_US: 'Documentation(IFrame)',
},
},
},
{
path: 'TDesign33',
name: 'TDesign33',
component: 'IFrame',
meta: {
frameSrc: 'https://tdesign.tencent.com/vue-next/getting-started',
title: {
zh_CN: 'TDesign 文档（内嵌）sdaf',
en_US: 'TDesign (IFrame)',
},
},
},
{
path: 'TDesign21',
name: 'TDesign21',
component: 'IFrame',
meta: {
frameSrc: 'https://tdesign.tencent.com/vue-next/getting-started',
frameBlank: true,
title: {
zh_CN: 'TDesign 文档（外链dsfa',
en_US: 'TDesign Doc(Link)',
},
},
},
],
},

期望结果

实现页面跳转

实际结果

跳转失败

框架版本

"vue": "3.3.13",

浏览器版本

No response

系统版本

windows11

Node版本

v20.14.0

补充说明

No response

[github-actions]

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

[github-actions]

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

[timi137137]

感谢您提出的问题，这个问题是文档还没升级导致的使用错误。

问题原因

您在mock文件中复制的内容会通过 route/index.ts 进行动态替换为 component ，但是如果您将对应的内容复制到了 router/module 目录下时，则不会经过动态替换。因此会出现上述问题。

解决办法

如果需要使用 router/module 下自动导入的话，需要您将 component 字段修改为

component: () => import('@/layouts/components/FrameBlank.vue')

---

而如果需要使用动态替换功能，则将 store/module/permission.ts 中的

const asyncRoutes: Array<RouteItem> = (await getMenuList()).list;

替换成您的菜单列表接口返回即可，返回内容如mock所示。