Chrome无法识别内联来源（来源地图）

Question

你好互联网的人，

我正在编写打字稿代码并将其编译为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中的sources-tab指向 portal.service.ts ，它在服务器上存在 NOT ，而非使用内联源内容。

任何想法/问题是什么？

Answer 1

我想我发现了这个错误！我们正在使用SystemJS Builder来捆绑我们的应用程序。 SystemJS Builder似乎遵循JS文件中的map-uri，因此bundle的map-file指向原始ts文件而不是编译的javascript文件。