javascript - 为什么带有 sourcemap 的 javascript 在 Chrome 开发者工具中不显示为 .ts 文件？

Question

我正在使用 Typescript，并且正在使用内联源映射编译为 javascript。这是我的 javascript 文件的示例:

var AccessHomeController = (function () {
    function AccessHomeController($scope) {
        this.$scope = $scope;
        $scope.home = this;
    }
    AccessHomeController.$inject = [
        '$scope'
    ];
    return AccessHomeController;
})();

//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWNjZXNzL2NvbnRyb2xsZXJzL0hvbWVDb250cm9sbGVyLmpzIiwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsInNvdXJjZXMiOlsiYWNjZXNzL2NvbnRyb2xsZXJzL0hvbWVDb250cm9sbGVyLmpzIl0sInNvdXJjZXNDb250ZW50IjpbInZhciBBY2Nlc3NIb21lQ29udHJvbGxlciA9IChmdW5jdGlvbiAoKSB7XG4gICAgZnVuY3Rpb24gQWNjZXNzSG9tZUNvbnRyb2xsZXIoJHNjb3BlKSB7XG4gICAgICAgIHRoaXMuJHNjb3BlID0gJHNjb3BlO1xuICAgICAgICAkc2NvcGUuaG9tZSA9IHRoaXM7XG4gICAgfVxuICAgIEFjY2Vzc0hvbWVDb250cm9sbGVyLiRpbmplY3QgPSBbXG4gICAgICAgICckc2NvcGUnXG4gICAgXTtcbiAgICByZXR1cm4gQWNjZXNzSG9tZUNvbnRyb2xsZXI7XG59KSgpO1xuIl0sInNvdXJjZVJvb3QiOiIvc291cmNlLyJ9

当我使用 Chrome 开发者工具并选择“启用源映射”并查看源文件时，这正是我所看到的。我所看到的只是 javascript 的源代码和源映射详细信息。

那么我怎样才能看到原始的 .ts 以及内联源映射如何帮助我？

Answer 1

When I use the Chrome Developer tools and select "Enable Source Maps" and the look at the source files this is exactly what I see.

在开发者工具中按 CTRL+O 并输入 .ts 您应该能够看到 .ts 文件。