Promise 对象在 React Native 项目中不起作用

Question

首先，我认为 firebase 功能已损坏。然后，我尝试制作一个返回 Promise 的简单函数。我将其放入顶级index.js。

const testPromise = param => {
  console.log('return promise', param);
  return new Promise((resolve, reject) => {
    console.log('resolve promise');
    resolve('derp');
  });
};

testPromise('hede')
  .then(d => {
    console.log('resolved');
  })
  .catch(e => {
    console.log('e', e);
  });

AppRegistry.registerComponent(appName, () => App);

控制台输出：

return promise hede
resolve promise

看，没有“已解决”日志，也没有错误日志。

我尝试使用 nvm 更改 nodejs 版本，但没有成功。我尝试了 v12.5.0、v12.18.2、v15.6.0、v10.16.3。我尝试过像nvm use 12.5 && npm start

我尝试创建一个新的反应本机项目，并复制了所有内容。现在，它按预期工作。这对我来说是一个解决方案，但我没有将问题标记为已解决，因为仍然是一个谜，我无法弄清楚为什么它不适用于现有项目。

Answer 1

看来inlineRequires在文件内设置为 falsemetro.config.js可以解决该问题。

module.exports = {
  transformer: {
    getTransformOptions: async () => ({
      transform: {
        experimentalImportSupport: false,
        inlineRequires: false,
      },
    }),
  },
};

进行更改后，输出为：

return promise hede
resolve promise
resolved

来源：https ://github.com/facebook/react-native/issues/31558#issuecomment-878342213