Chrome 无法识别内联源（源图）答案

【问题标题】：Chrome doesn't recognize inlined sources (source map)Chrome 无法识别内联源（源图）
【发布时间】：2017-08-14 11:30:19
【问题描述】：

你好互联网的人们，

我正在编写打字稿代码并将其编译为 javascript。我激活了--inlineSourceMap 和--inlineSources 标志。嵌入到 javascript 文件中的 base64-strings 看起来像这样解码：

{
    "version":3,
    "file":"portal.service.js",
    "sourceRoot":"",
    "sources":[
        "portal.service.ts"
    ],
    "names":[

    ],
    "mappings":";;;;;;;;;;AAAA,sCA ... ,0DAAuB",
    "sourcesContent":[
        "import {Injectable} from '@angular/core'; ..."
    ]
}

问题 Chrome devtools 中的源选项卡指向 portal.service.ts，它不存在于服务器上，而不是使用内联源内容。

有什么想法/问题出在哪里？

【问题讨论】：

标签： javascript google-chrome typescript google-chrome-devtools source-maps

【解决方案1】：

我想我找到了错误！我们正在使用 SystemJS Builder 来捆绑我们的应用程序。 SystemJS Builder 似乎遵循 JS 文件中的 map-uri，因此捆绑包的映射文件指向原始 ts 文件，而不是编译后的 javascript 文件。

【讨论】：