angular - 在可视化代码中调试 Angular/Typescript 将 '_1' 附加到变量

Question

我正在尝试在 Visual Code 中调试 angular/typescript 应用程序。假设我运行以下代码

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

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

"Uncaught ReferenceError: error is not defined"

如果我查看调试 View 中的“关闭”部分而不是“本地”部分。我可以访问 error_ 它确实包含在正常执行中通常会记录的内容。
有没有办法查看错误为 error 而不是 error_1 在 Angular/ typescript 应用程序的 Debug模式下？
我尝试了来自 Typescript/babel import causing "_1.default is not a function" 的建议没有任何成功。
Error preview

Answer 1

ECMAScript 时会发生这种情况目标 ts 配置中的版本低于 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*/];
                }
            });
        });
    };