我的木偶操作(这可能是一个动词吗?)一个用webpack构建的应用程序,并在page.on('error')
我得到这样的错误:
TypeError: __WEBPACK_IMPORTED_MODULE_0_babel_runtime_core_js_promise___default.a.map is not a function
at _default.<anonymous> (....../app.js:23858:89)
at Generator.next (<anonymous>)
at step (....../app.js:35041:30)
at ....../app.js:35052:13
有没有办法,如果是这样,我怎样才能正确地将这些错误映射到源映射?
(我确定我已经生成了源图)
答案 0 :(得分:1)
我是按照以下方式做到的......有点延迟,但有人可能觉得它很有用。
一旦导航到抛出错误的页面,就会注入此lib:https://github.com/novocaine/sourcemapped-stacktrace
await page.addScriptTag({
url: 'https://cdn.jsdelivr.net/npm/sourcemapped-stacktrace@1.1.8/dist/sourcemapped-stacktrace.js',
});
然后你会听错误事件:
page.on('pageerror', logStackTrace);
page.on('error', logStackTrace);
在logStackTrace函数中,您按如下方式提取sourcemapped stacktrace并记录它:
const logStackTrace = async (error) => {
page.evaluate(stack => new Promise(resolve =>
window.sourceMappedStackTrace.mapStackTrace(stack, (newStack) => {
resolve(newStack);
})
), typeof error.stack === 'string' ? error.stack : error.stack.join('\n'))
.then((result) => {
console.log('ERROR:', error.message, result[0]);
});
};
它只能为我正确映射堆栈的第一行。仍然更有用。