javascript - 如何跟踪react-admin dataProvider中的错误

Question

我已经在我的react-admin应用程序中安装了Rollbar(一个错误跟踪器)，它对于 Uncaught Error 非常有用，但dataProvider抛出的错误不会发送到Rollbar。

我认为 dataProvider 抛出的错误会在react-admin 中的某个地方被捕获，并向用户显示通知，以便它们不再“未被捕获”。有没有一种简单的方法可以将这些错误发送到 Rollbar？

例如，我的 dataProvider 看起来像这样

const dataProvider = (type, resource, params) => {
    throw new Error('foo')
}

Rollbar 通过页面顶部的单个脚本标记进行安装。请参阅https://docs.rollbar.com/docs/browser-js

Answer 1

react-admin 正在捕获提供程序错误，因为它试图为其显示适当的面向用户的错误消息。

我对Rollbar不太熟悉，但是根据docs ，应该可以使用 handleUncaughtException() 显式报告错误。所以也许可以尝试这样的事情:

const dataProvider = (type, resource, params) => {
    try {
        // data provider code
    }
    catch (err) {
        rollbar.handleUncaughtException('data provider error', null, null, null, err);
        throw err; // let react-admin display its error message
    }
}

当然，这是假设 rollbar 全局可用 - 不确定它是否真的如此工作。