tdesign-vue-next-starter icon indicating copy to clipboard operation
tdesign-vue-next-starter copied to clipboard

[router] TDesign-cli 生成的模板 deploy 上 vercel 之后点击路由无法跳转

Open 600849155 opened this issue 1 year ago • 9 comments

tdesign-vue-next 版本

TDesign Starter 0.6.1

重现链接

https://github.com/600849155/vercel-demo https://vercel-demo-six-gules.vercel.app/

重现步骤

1.安装 tdesign-starter-cli 2.创建项目 td-starter init 3.选择生成Vue3 模板,勾选生成通用模块 4. 将项目 push 到github 5.注册 vercel 并新建 project,连接 github 授权选择刚刚创建的项目,等待构建 6. 打开构建完成的项目,在首页点击 列表页-基础列表页,可见路由变成了 /list/base 但是没有跳转成功

期望结果

期望 在首页点击 列表页-基础列表页,路由可以正常跳转页面

实际结果

点击 列表页-基础列表页,路由没有跳转页面

框架版本

"vue": "^3.2.31"

浏览器版本

Chrome 版本 120.0.6099.199(正式版本) (64 位)

系统版本

windows 11

Node版本

v 18.x

补充说明

出现问题的是 createWebHistory HTML5 模式

下图是点击其他路由的时候提示的报错信息

image

600849155 avatar Jan 08 '24 13:01 600849155

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

github-actions[bot] avatar Jan 08 '24 13:01 github-actions[bot]

遇到同样的问题了,useRoute() 钩子undefined了,导致路由能成功跳转,但是菜单状态不对的问题。 image 微信图片_20240109102255

MaybeAyan avatar Jan 09 '24 02:01 MaybeAyan

@MaybeAyan 你也是deploy到vercel上面吗?

600849155 avatar Jan 09 '24 09:01 600849155

@600849155 不是呢,正常部署到服务器的

MaybeAyan avatar Jan 09 '24 09:01 MaybeAyan

@600849155 不是呢,正常部署到服务器的

试一下 升级 "tdesign-vue-next": "^1.7.2",我升级之后虽然还是报错但是能跳转了

600849155 avatar Jan 09 '24 09:01 600849155

@600849155 不是呢,正常部署到服务器的

试一下 升级 "tdesign-vue-next": "^1.7.2",我升级之后虽然还是报错但是能跳转了

vue 3.4发布之后出现的问题 https://github.com/Tencent/tdesign-vue-next-starter/pull/660 可以先这样改下 具体vue3.4 页面模板的项目 route得怎么改最近看看

uyarn avatar Jan 09 '24 10:01 uyarn

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

github-actions[bot] avatar Jan 09 '24 10:01 github-actions[bot]

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

github-actions[bot] avatar Jan 09 '24 10:01 github-actions[bot]

vue 升级到3.4版本可以复现问题

havefive avatar Jan 15 '24 07:01 havefive