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

【问题标题】：How can I get readable stacktrace while using webpack? Tried stacktrace.js使用 webpack 时如何获得可读的堆栈跟踪？试过stacktrace.js
【发布时间】：2021-03-01 14:53:38
【问题描述】：

我正在使用带有“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 时获得可读的堆栈跟踪？

感谢您的宝贵时间。

【问题讨论】：

标签： javascript html webpack stacktrace.js

【解决方案1】：

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

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

这对我有用。

【讨论】：