⚠️ 重要 ⚠️ 在进一步操作之前,请检查下列选项。如果您忽视此模板或者没有提供关键信息,您的 Issue 将直接被关闭
- 已阅读 文档 .
- 确保您的代码已是最新或者所报告的 Bug 在最新版本中可以重现. (部分 Bug 可能已经在最近的代码中修复)
- 已在 Issues 中搜索了相关的关键词
- 不是 ant design vue 组件库的 Bug
描述 Bug
在src\router\guard\index.ts文件中,debugger与chrome断点位置不一致
原以为是vite-plugin-vue-setup-extend插件问题,但在禁用后问题仍存在
后经过排查发现是ant-design-vue的组件导致的,注解组件的使用后,断点位置正常。重新启用vite-plugin-vue-setup-extend后是同样结果,只要ant-design-vue组件使用就好导致debugger位置不正常
复现 Bug
在createMessageGuard的router.beforeEach前添加debugger,刷新页面,断点位置不正常(见上图)
export function createMessageGuard(router: Router) {
const { closeMessageOnSwitch } = projectSetting;
debugger
router.beforeEach(async () => {
try {
if (closeMessageOnSwitch) {
Modal.destroyAll();
notification.destroy();
}
} catch (error) {
warn('message guard error:' + error);
}
return true;
});
}
注解 Modal.destroyAll();notification.destroy();
后,断点正常,如下图
系统信息
- 操作系统: win10
- Node 版本: v16.15.1
- 包管理器 (npm/yarn/pnpm) 及其版本: 1.22.19
3条答案
按热度按时间qrjkbowd1#
@wmf1993 这个问题找到解决办法了吗?
kkih6yb82#
@wmf1993 看我这个方法,能够临时对付一下 #2228
w8ntj3qf3#
@adeewu 非常感谢