使用 intellij Ultimate 调试 angular cli 项目

Kar*_*lke 5 javascript debugging intellij-idea angular-cli angular

如何从 Intellij utlimate 调试 angular 项目?我遵循了本教程,但没有结果。我错过了什么?我使用:
- Angular CLI:1.6.8 - 节点:6.10.0 - 操作系统:win32 x64 - Angular:5.2.4 - 打字稿:2.4.2 - webpack:3.10.0 和 Intellij 2017.3.4。

我的配置。还尝试过: 特定映射

我使用 ng serve 运行 angular 项目(也尝试过 ng serve --sourcemaps=true)。同样在 tsconfig.json 中将 sourceMap 设置为 true。来自 chrome 调试器的文件结构:结构

Eli*_*jah 7

我正在运行 IntelliJ Ultimate。假设您的 Angular 应用程序已经能够在您的系统上运行并且您已经安装了所需的插件,这很容易,因为我今天早上才开始工作。

添加 JavaScript 调试功能。运行 -> 编辑配置... 单击 + 选择 JavaScript 调试 给它一个名称 JS Dbug 设置应用程序运行的路径,例如http://localhost:4200/

保存

在您的代码中设置一个断点,您知道在应用程序启动时会遇到该断点

使用“npm start”启动您的应用程序一旦应用程序运行,单击在调试模式下运行您的 JS Dbug

在浏览器中加载您的应用程序,它应该达到目的。