在可视代码中调试角度/打字稿将'_1'附加到变量

Question

我正在尝试在Visual Code中调试一个角度/类型脚本应用程序。假设我运行以下代码

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

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

"未捕获引用错误：错误未定义"；

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

在角度/类型脚本应用程序的调试模式下，是否有方法将错误视为error，而不是error_1？

我尝试了Typescript/babel导入的一个建议，导致">_1.default不是函数"；没有取得任何成功。

错误预览

Answer 1

当ts配置中的ECMAScripttarget版本低于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*/];
}
});
});
};