vue devtool 如何配置能打开编辑器并定位到 dom 元素所在的文件代码行

image

你的运行环境(版本号「点击帮助-关于-复制」):

TRAE CN
版本: 3.3.43
VSCode 版本: 1.107.1
提交: 47a8a0b02bdf9226ea9b8f0a56df3ae9aa77857d
日期: 2026-03-31T08:48:08.385Z
Electron: 39.2.7-release.1.28.8 (aha)
Node.js: 22.21.1
V8: 14.2.231.24-electron.0
OS: Darwin arm64 25.4.0
构建版本: 2.3.17432
设备ID: 1196cfd14b815a47952003135257fe4037d4aaa44dde22035bdfdc2aa39cab4b
Device Id: 4352323872885291

问题描述(你遇到了什么问题?):

nuxt 的vue 项目开发者工具,点击 dom 元素,无法打开编辑器并定位到元素所在文件的代码行。编辑器是有响应,只是在终端报了个错误:Could not open caseListSelect.vue in the editor.

复现步骤(如何才能重现这个 Bug/问题?):
1.
2.
3.

报错信息或截图(如有):

请在此处粘贴截图或日志代码

您好,不支持通过nuxt打开编辑器。