[vitejs/vite]调式时，断点位置不正常

现在在使用断点 chrome调式时工作是不正常的，经常会断在不正常的位置，删除了断点之后也会中断代码。请问一下这个问题是要怎么来解决？

我使用的是vscode,不管是使用vite来调试还是用vscode的 chrome插件来调试都是一样的问题，原来使用 vuecli基本不存在这个问题

System:
    OS: macOS 12.0.1
    CPU: (6) x64 Intel(R) Core(TM) i5-8500B CPU @ 3.00GHz
    Memory: 13.66 GB / 32.00 GB
    Shell: 5.8 - /bin/zsh
  Binaries:
    Node: 14.18.1 - /usr/local/bin/node
    Yarn: 1.22.4 - /usr/local/bin/yarn
    npm: 6.14.15 - /usr/local/bin/npm
  Browsers:
    Chrome: 96.0.4664.110
    Edge: 96.0.1054.62
    Safari: 15.1

aohanhe

先把插件挨个去掉，看看是不是使用了没有提供 sourcemap 的 transformer

zheeeng

同样的问题。。。用到的插件

import viteReact from '@vitejs/plugin-react';
import vitePluginImp from 'vite-plugin-imp';
import tsconfigPaths from 'vite-tsconfig-paths';
import OptimizationPersist from 'vite-plugin-optimize-persist';
import PkgConfig from 'vite-plugin-package-config';
import copy from 'rollup-plugin-copy';
import del from 'rollup-plugin-delete';

yunsii

vite-plugin-imp这个插件升级一下

agileago

https://github.com/onebay/vite-plugin-imp/commit/c1b27176025f9f8242d13aed872119ef8e58ac85 这也行，能具体说明下是什么原因吗？看了代码还是不太理解。

yunsii

我检查了一下，使用vite创建的工程没有使用vite-plugin-imp的插件，我加上了这后现在来看好象是可以了，确认是不是行我要再用一段时间确认一下。我的疑问是为什么没有加在工程模板中？

aohanhe

升级 imp 插件了，今天开发的时候又用了 debugger 试了一下，还是有的地方没问题有的还是有问题，绝了 :joy:

yunsii

这显然没必要加进去呀，vite 默认你们用的 esm 版本的包，可以 treeshaking 用不到 rewrite importing path

zheeeng

升级了vite-plugin-imp，有时候还是不正常，而且不正常的比例比较大。例如，我删除了一个断点，一会刷新页面又断在那里。有时就是关了浏览器再打开也会自动跳到删除了断点的位置。

aohanhe

找到了一个暂时的解决方案

浏览器的开发者工具: 源代码 > 向工作去添加文件夹 在这个选项卡中,指定下项目源代码的目录, 希望官方能解决这个问题

具体详见: vite项目调试

free-pan

调试是个灾难！我把所有断点都删除了，打开页面是空白的，我打开开发者工具，发现原来是断点在一些奇怪的地方，要一直点继续才会正常打开页面，我把node_modules都删除了，再install启动，这些找不到的断点都还在。晕死了！

aohanhe

debugger乱跳我也碰到了,还有一个是import 循环引用会白屏

peigoz

纠正下, 我遇到的这个问题,是vite-plugin-vue-setup-extend:0.4.0这个插件导致的, 把这个插件删除, 我那就正常了,详细信息可见我的博客

free-pan

缺少复现，无法判断是否是 Vite 本身的问题，所以暂时关闭此 issue。如果仍然碰到类似问题，请另开 issue 并附上可以复现问题的代码。

sodatea

[vitejs/vite]调式时，断点位置不正常

回答