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

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

我使用带有“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,errorObj,stringifiedStack);
    }).catch(function(err) {
        console.log(err.message);
    });
    return false;
};

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

我应该如何使用 stacktracejs 而不会出现跨域错误？ 或者作为替代方案，如何在使用 webpack 时获得可读的堆栈跟踪？

感谢您抽出宝贵时间。

解决方法

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

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

这对我有用。