Debugging WebStorm在调试时打开了错误的文件

WebStorm 2021.1

由于未知原因，WebStorm在调试React-TypeScript=>JavaScript应用程序时开始选择错误的文件。我看到的是编译后的JavaScript文件，而不是ts文件。奇怪的是路径和行号是正确的，但是WebStorm打开了错误的（JavaScript）文件

我想这是从我更新到最新版本开始的

IntelliJ IDEA有一个很好的解决方法，button。我正在WebStorm中寻找一个同等的。WebStorm有这样的选择吗

细节： 网络风暴ok WebStorm在项目内部的文件上停止

网络风暴不好 WebStorm在右行停止并声明正确的路径，但打开了错误的文件（

js

file，而不是

ts

file）

第7行可以，但应该在这里：

VSCode始终正常 完全相同的运行将在VSCode上运行得非常好：

gitpod gitpod：

要在本地克隆，请运行：

git clone--分支webstorm测试https://github.com/Eliav2/react-use-call-onnext-render.git

然后执行根文件夹中

.gitpod.yml

文件中的命令

复制：

• 打开

  example\src\exampleFiles\ClickMeForBreakPoint.jsx

  并在第9行设置断点。这是来自测试项目的文件
• 打开

  src\index.ts

  并在第7行设置断点。这是链接包中的文件
• 启动调试会话。打开端口3000，加载页面后，单击“ClickMeForBreakPoint”按钮
• At将在第一个断点处停止。太好了
• VSAT代码将在右第二个断点处停止。在WebStorm中随意打开错误的文件

---

调试链接的包，它将在VSCode中打开正确的文件。使用WebStorm进行克隆和调试，但它不会打开正确的文件（至少在我的本地WebStorm上是这样）。

调试React-Typescript应用程序在2021.1年对我来说效果很好。看起来调试器无法将VM中的文件映射到项目中的实际源文件；一定是源地图有问题，不太可能与IDE更新有关。我和你一样认为，但是源地图文件非常好。正如我所说的-路径（标题中）和行号是正确的，但是webstorm打开了错误的文件如果sourcemaps没有问题，IDE在定位文件时没有问题。请共享一个测试项目。此问题可以重复。请查看更新的问题。我目前正在gitpod上工作replecation@lena请看更新的帖子