VSCode下Angular项目点击问题面板错误链接跳转路径异常无法打开文件

编码环境 #

• Angular：v15（v13版本也存在相同错误）
• NodeJS：v18.10（也曾尝试v16.18版本）
• NPM：v8.10.0
• VSCode：1.73.1

问题描述 #

Angular/TypeScript代码存在语法错误时，VSCode「问题」面板会显示错误，但点击错误提示**"无法打开编辑器，因为未找到文件"**。排查后发现VSCode解析的路径有误：正确路径应为C:\Users\simon\sandbox\learnRxJS2\src\app\app.component.ts，但实际尝试打开的路径是C:\Users\simon\sandbox\learnRxJS2\Error: src\app\app.component.ts——在工作区路径与相对路径之间多插入了「Error:」前缀。

三种场景详情 #

A - 编辑器已打开、未初始运行前 #

• 打开包含错误的文件前，「问题」面板无错误显示；
• 手动打开文件后，错误正常显示；
• 关闭编辑器窗口后，错误从「问题」面板消失。

B - 编辑器已关闭、尝试运行项目后 #

• 关闭app.component.ts文件后，无代码问题报告；
• 运行Angular（F5）失败后，「问题」面板显示错误，但点击链接无法打开文件。

C - 编辑器已打开且尝试运行项目后 #

• 手动打开错误文件后，错误会显示两次；
• 点击新出现的错误可正常定位到代码行，点击另一个仍会提示无法找到文件。

参考情况 #

有用户在VSCode+SalesForce环境下遇到完全相同的问题：问题面板返回的错误指向错误的文件路径，同样在路径中插入了「Error:」前缀，导致无法通过点击错误跳转至对应文件。

内容的提问来源于Stack Exchange，提问作者Simon