React Native 中的全局 unhandledrejection 监听器

Question

有没有等价的

window.addEventListener('unhandledrejection', (event) => {});

在 React Native 中？

我知道我可以包装 fetch api 以在一个地方处理大多数 unhandledrejection 事件，但全局处理程序将帮助处理任何承诺，而不仅仅是来自 fetch api 的承诺。

Answer 1

这不是一个简单的问题。

并非所有浏览器都支持“unhandledrejection”事件（请参阅browser compatibility on MDN）。并且默认的 React Native 的 Promises 实现有另一种机制来捕获未处理的拒绝（参见here）。

如果您仍然想要该功能（我自己也想要！），您可以使用实现它的 JS Promise 库。 Bluebird 就是一个很好的例子。但是你必须确保你的应用程序中的每个 Promise 都使用这个实现。

例如，在您的 React Native 应用程序的 index.js 文件中：

import Promise from 'bluebird';

// We use the "Bluebird" lib for Promises, because it shows good perf
// and it implements the "unhandledrejection" event:
global.Promise = Promise;

// Global catch of unhandled Promise rejections:
global.onunhandledrejection = function onunhandledrejection(error) {  
  // Warning: when running in "remote debug" mode (JS environment is Chrome browser),
  // this handler is called a second time by Bluebird with a custom "dom-event".
  // We need to filter this case out:
  if (error instanceof Error) {
    logError(error);  // Your custom error logging/reporting code
  }
};

Answer 2

你不必安装另一个promise实现，你可以简单地使用RN自带的。

global.Promise = require('promise')

require('promise/lib/rejection-tracking').enable({
  allRejections: true,
  onUnhandled: (id, error) => {
    ...
  }
})