在Intellij IDEA中激活源映射的Angular调试

Question

我试图使用Intellij在我的角度项目中启用调试模式，因此在启动项目（npm start）之后，我创建了 JavaScript调试配置：

在Google Chrome中进行调试时，断点与我的预期（我的打字稿文件）完全一样，但是在Intellij IDEA中，断点位于完全不同的地方，请看Intellij：

我已经安装了JetBrains plugin for Google Chrome，并检查我的tsconfig.json中是否启用了sourceMap，但问题仍然存在：

{
  "compileOnSave": false,
  "compilerOptions": {
    "outDir": "./dist/out-tsc",
      "sourceMap": true,
...

我尝试通过这篇帖子how to run angular application in IntelliJ解决我的问题，但没有成功，问题仍然存在。请注意，在这篇文章中，主题是关于运行角度项目的，我已经很好地运行了我的项目，我只想正确地调试它。

Answer 1

在Javascript D中需要做的两件事是：

1. 为您的根文件夹设置远程URL：webpack：///。
2. 设置src文件夹的远程URL：webpack：///.src/

https://itnext.io/debugging-your-angular-application-in-intellij-idea-411a9b08759f