vue-vben-admin debugger断点位置不一致

nvbavucw  于 2022-10-22  发布在  其他
关注(0)|答案(3)|浏览(322)

⚠️ 重要 ⚠️ 在进一步操作之前,请检查下列选项。如果您忽视此模板或者没有提供关键信息,您的 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
qrjkbowd

qrjkbowd1#

@wmf1993 这个问题找到解决办法了吗?

kkih6yb8

kkih6yb82#

@wmf1993 看我这个方法,能够临时对付一下 #2228

w8ntj3qf

w8ntj3qf3#

@adeewu 非常感谢

相关问题