gpt4 book ai didi

angular - 如何使用 angular-cli 在 Angular2 中调试应用程序?

转载 作者:行者123 更新时间:2023-12-04 03:15:52 26 4
gpt4 key购买 nike

有谁知道是否可以在 WebStorm 中使用 angular-cli 和命令行 ng serve 调试应用程序?我尝试了此网址中发布的解决方案:

How to debug angular 2 app using angular-cli webpack?

但它对我不起作用,我决定做出一个新的答案,因为 angular-cli 没有一些工具来做这件事有点奇怪。

最佳答案

这是我使用 angular-cli (1.0.0-beta.21) 构建的 Angular2 (2.3) 项目的运行配置

enter image description here

一些要检查的东西:

调试器启动并加载应用程序后,您的断点中是否显示复选标记?

如果没有,似乎由于某种原因没有加载 sourcemaps。检查映射是否正确:在浏览器中打开 http://localhost:4200/main.bundle.map,查看 "sources": 中的 URL 是什么样的。如果你看到类似的东西

"webpack:////User/devuser/Develop/MyWebApp/src/app/index.ts"

然后 root 的 URL 映射将是

webpack:////User/devuser/Develop/MyWebApp

如果您看到使用了相对路径,请相应地更改 URL 映射。

如果您最终可以看到复选标记,请尝试刷新浏览器页面(重要!!!)- 是否遇到了任何断点?

如果您设法加载源映射(您可以看到复选标记,至少在浏览器刷新时命中了一些断点)——您就完成了:)您的 WebStorm 配置现在是正确的

关于angular - 如何使用 angular-cli 在 Angular2 中调试应用程序?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41057262/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com