为什么带有源图的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和sourcemap详细信息的来源。

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

Answer 1

  

当我使用Chrome开发者工具并选择“启用源地图”并查看源文件时，这正是我所看到的。

在开发人员工具中按CTRL + O键入.ts，您应该可以看到.ts个文件。