在可视化代码中调试 Angular/Typescript 将“_1”附加到变量

Question

我正在尝试在可视代码中调试角度/打字稿应用程序。假设我运行以下代码

try {
    ...
} catch (error) {
    console.log(error);
}

假设发生错误，我将在控制台中看到正常执行时记录的错误。我面临的问题是，如果我在调试模式下运行相同的情况（“针对本地主机启动 Chrome”）。我会得到：

“未捕获的引用错误：错误未定义”

如果我在调试视图中查看“Closure”部分而不是“Local”部分。我可以访问error_其中确实包含正常执行中通常记录的内容。

有没有办法在角度/打字稿应用程序中查看错误而error不是在调试模式下？error_1

我尝试了 Typescript/babel import 的建议，导致“ _1.default is not a function ”，但没有成功。

错误预览

Answer 1

当 ts 配置中的 ECMAScript目标版本低于 ES6时，就会发生这种情况。

{
  "compilerOptions": {
    "target": "ES5",
  }
}

如果你不能增加它，那就没有解决办法。

也许这是由于 async/await 函数被重写为 __awaiter __generator 形式造成的。它甚至没有在这里使用 try catch 概念......

 AppComponent.prototype.functionInComponent = function () {
        return Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__awaiter"])(this, void 0, void 0, function () {
            var error_1;
            return Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__generator"])(this, function (_a) {
                switch (_a.label) {
                    case 0:
                        _a.trys.push([0, 1, , 3]);
                        ...
                    case 1:
                        error_1 = _a.sent();
                        ...
                        return [4 /*yield*/, asyncFunctionAfterConsoleLog];
                    case 2:
                        _a.sent();
                        return [3 /*break*/, 3];
                    case 3: return [2 /*return*/];
                }
            });
        });
    };