无法在WebStorm 2019.1中调试Angular应用程序

Question

最新版本应该可以在没有适用于Chrome的JetBrains IDE支持插件的情况下使用，但它无法正常工作。

我已在“ JavaScript调试”运行配置中以及运行后将URL设置为https://localhost:4200

ng serve --host 0.0.0.0 --ssl --port 4200 --eval-source-map

，我运行调试器。将创建一个新的Chrome实例，并显示网站等。但是，不会遇到断点。

我想念什么吗？

---

Answer 1

--eval-source-map选项必须是罪魁祸首-这意味着使用https://webpack.js.org/configuration/devtool/中所述的Webpack eval devtool，其中不包括原始的源质量源映射（请参阅{{3} }。 如果您在Chrome开发工具中打开应用，则会在webpack:///./src/app/app.component.ts URL上看到仅转译的javascript代码可用。

将启动脚本更改为ng serve --host 0.0.0.0 --ssl --port 4200应该会有所帮助。