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

Question

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

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

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

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

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

有没有办法在 angular/typescript 应用程序的调试模式下将错误显示为 error 而不是 error_1？

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

Error preview

Answer 1

当 ts config 中的 ECMAScript target 版本低于 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*/];
                }
            });
        });
    };