我正在尝试在 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
最佳答案
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*/];
}
});
});
};
关于angular - 在可视化代码中调试 Angular/Typescript 将 '_1' 附加到变量,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/65078164/