【问题标题】:Angular from VS Code - Missing debugger info来自 VS Code 的 Angular - 缺少调试器信息
【发布时间】:2020-06-23 19:38:42
【问题描述】:

使用 VSCode 和 Angular 8+。

我的一些项目会发出映射的源文件,而有时我的其他项目不会。在 Chrome 调试器中查看两个不同应用程序的屏幕截图。

有没有办法在调试模式下强制网页部署地图,以便我可以调试打字稿文件?

我使用以下方式提供文件:ng serve 并让 tsconfig 将 sourceMaps 设置为 true

【问题讨论】:

    标签: angular webpack visual-studio-code webpack-dev-server


    【解决方案1】:

    在您的 tsconfig 文件中查找以下行:

    "sourceMap": true
    

    如果为假,则将其切换为真。我从来没有见过它设置为 false 没有手动设置为该值。

    或者,试试

    ng serve --source-map true 
    

    【讨论】:

    • 谢谢史蒂夫,是的,这是我尝试的第一件事。真的很奇怪。我什至将 tsconfig 从一个项目复制到另一个项目。
    • 嗨史蒂夫,是的,我试过了。奇怪的是,如果我在 Chrome 的开发工具中将鼠标悬停在 CSS 上,就会显示带有 sourceMaps 的 CSS。只是没有出现 TS 文件。真正的挠头
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2012-05-27
    • 2014-07-22
    • 1970-01-01
    • 1970-01-01
    • 2021-08-31
    • 1970-01-01
    相关资源
    最近更新 更多