如何在使用webpack的同时获得可读的堆栈跟踪？试用过stacktrace.js

Question

我使用带有"devtool: nosources source-map“的webpack，以便创建包含我的javascript代码的包。但我还需要在发生错误时记录堆栈跟踪。我需要记录浏览器控制台上显示的跟踪：

​

​

但最终我得到了如下所示；

​

​

为了获得正确的堆栈跟踪，我尝试使用https://www.stacktracejs.com/

window.onerror = function myErrorHandler(message, source, lineNo, colNo, errorObj) {
    StackTrace.fromError(errorObj).then(function(stackframes) {
        var stringifiedStack = stackframes.map(function(sf) {
            return sf.toString();
        }).join('\n');
        sendErrorToServer(message, source, lineNo, colNo, errorObj, stringifiedStack);
    }).catch(function(err) {
        console.log(err.message);
    });
    return false;
};

它提供了一个可读的堆栈跟踪，但在控制台日志中，它得到了交叉登录错误。

​

我应该如何使用stacktracejs而不得到交叉登录错误？或者作为另一种选择，我如何在使用webpack的同时获得可读的堆栈跟踪？

谢谢您抽时间见我。

Answer 1

对于那些在使用stacktracejs时遇到同样问题的人，你应该考虑在库的问题页面中存在的解决方法。

https://github.com/stacktracejs/stacktrace-gps/issues/65

这对我很有效。