javascript - 为什么堆栈跟踪在 .ts 文件中的一行中显示 3 个调用

标签 javascript typescript google-chrome-devtools

我在 main.ts 中有以下代码行:

platform.bootstrapModule(AppModule);

在调用堆栈中,它显示为 3 个调用,如下所示:

enter image description here

为什么?

最佳答案

没错,就是JS代码

(function (System, SystemJS) {
    (function (require, exports, module, __filename, __dirname, global, GLOBAL) {
        "use strict";
        var platform_browser_dynamic_1 = require("@angular/platform-browser-dynamic");
        var app_module_1 = require("./app.module");
        var platform = platform_browser_dynamic_1.platformBrowserDynamic();
        platform.bootstrapModule(app_module_1.AppModule);
        //# sourceMappingURL=main.js.map
    }).apply(__cjsWrapper.exports, __cjsWrapper.args);
})(System, System);

映射到

platform.bootstrapModule(AppModule);

在调用 bootstrapModule 之前确实有 3 个函数调用:

外部 IIFE内部 IIFEplatform.bootstrapModule(app_module_1.AppModule);

关于javascript - 为什么堆栈跟踪在 .ts 文件中的一行中显示 3 个调用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40490282/

相关文章:

javascript - 如何在 Chrome 中调试 TypeScript 代码而不是 JavaScript 代码?

javascript - 在浏览器中仅禁用某些 js 文件

performance - Chrome DevTools : Triangle warning icon on Timeline view,是什么?

Angular 2将字符串参数传递给组件

typescript - typescript 的初始编译器是用什么语言编写的?

javascript - AngularJs 将 promise 响应作为参数传递给函数

javascript - jQuery 鼠标进入/离开

javascript - 识别当前 for of 循环迭代 Typescript 中的下一项

javascript - 如何使单击一次超链接时出现 div 并在第二次单击超链接时消失?这可以重复吗?

javascript - 将变量传递给函数 - Angular