vue项目最近怎么调试？
How can Vue projects be debugged lately?
我正在维护一个 Vue2 项目，我最近将 @vue/cli-service 升级到版本 5.0.4（从 4.5.0）。
现在我注意到我不能再使用我的浏览器开发工具来调试应用程序了。具体来说，当我打开 devtools 并按 CTRL+P 并键入 App.vue 时，浏览器会打开该文件的编译版本。以前，它会打开原始源文件并允许我在该文件中放置工作断点。
此问题出现在 Chrome、Edge 和 Firefox 中。
这个问题甚至发生在最新的@vue/cli（也是5.0.4版本）生成的默认项目脚手架上，禁用了typescript和babel（例如使用vue create testProject生成的项目）。
事实上，npm init vue@latest生成的默认Vue3/Vite项目脚手架也会出现这个问题。有或没有打字稿。我不知道 Vue 生态系统中的任何人都在如何调试他们的项目。
我已经尝试设置 configureWebpack.devtool = 'source-map' - 但没有任何效果。
我是不是做错了什么？
这对我有用。我试图重现（npm init vue@latest）。当我点击 ctrl-p 时，建议的第一个 App.vue 就是您所说的编译版本。但是，如果您继续搜索该列表，请查找其后有目录路径的 App.vue，您应该会看到您的源代码并能够放置断点。我还喜欢在 devtools 的源选项卡的文件系统 sub-tab 中打开我的源目录，这也很好，包括断点。
我正在维护一个 Vue2 项目，我最近将 @vue/cli-service 升级到版本 5.0.4（从 4.5.0）。
现在我注意到我不能再使用我的浏览器开发工具来调试应用程序了。具体来说，当我打开 devtools 并按 CTRL+P 并键入 App.vue 时，浏览器会打开该文件的编译版本。以前，它会打开原始源文件并允许我在该文件中放置工作断点。
此问题出现在 Chrome、Edge 和 Firefox 中。
这个问题甚至发生在最新的@vue/cli（也是5.0.4版本）生成的默认项目脚手架上，禁用了typescript和babel（例如使用vue create testProject生成的项目）。
事实上，npm init vue@latest生成的默认Vue3/Vite项目脚手架也会出现这个问题。有或没有打字稿。我不知道 Vue 生态系统中的任何人都在如何调试他们的项目。
我已经尝试设置 configureWebpack.devtool = 'source-map' - 但没有任何效果。
我是不是做错了什么？
这对我有用。我试图重现（npm init vue@latest）。当我点击 ctrl-p 时，建议的第一个 App.vue 就是您所说的编译版本。但是，如果您继续搜索该列表，请查找其后有目录路径的 App.vue，您应该会看到您的源代码并能够放置断点。我还喜欢在 devtools 的源选项卡的文件系统 sub-tab 中打开我的源目录，这也很好，包括断点。