无法读取未定义的React-Native Firebase React-native-fetch-blob的属性“”DocumentDir“”

Question

我已经在互联网上用尽了所有的线索，也找不到解决方案。我正在尝试使用react-native-fetch-blob从我的react-native应用程序上传照片到firebase。RN ios模拟器运行iPhone6。不使用Expo我还没有尝试在android模拟器上运行，因为android环境设置在不同的计算机上。

此行导致错误。

import RNFetchBlob from 'react-native-fetch-blob'

我已经阅读了很多关于使用react-native-fetch-blob的教程。

我似乎不能正确链接它，或者请告诉我我的问题是什么。

"react": "16.0.0-beta.5",
"react-native": "0.49.3",
"react-native-fetch-blob": "^0.10.8",

我已经试过了..。

npm install --save react-native-fetch-blob
react-native link 

..。

npm install --save react-native-fetch-blob
react-native link react-native-fetch-blob

..。

rm -rf node_modules, then reinstall, then clean and build

..。我已经跟随WIKI手动链接了包。已验证包裹是否通过SS链接...

在所有这些场景之后进行清理和构建。

我不会列出我做过的所有事情，因为我已经尝试了堆栈和RNFB问题/github上的所有东西。

这里有一些来自Xcode的截图，RNFB链接正确，至少我认为是这样。

​

​

​

​

​

​

​

​

​

​

​

​

我找到了这个https://github.com/benjreinhart/react-native-aws3

并将尝试通过AWS进行锻炼，直到有人可以帮助链接fetch blob。我会更新后，我有时间工作。

Answer 1

我最终成功地安装了react-native-fetch-blob，并通过以下方式摆脱了Cannot read property 'DocumentDir of undefined'：

使用npm安装module).

的

1. 遵循installation steps (我使用npm安装

我认为我之前遗漏的重要部分是为iOS运行pod install。对于安卓来说，它之前不适用于我的原因可能与我在项目中使用react-native-navigation的事实有关，这意味着我的MainApplication.java与默认的不同。确保在getPackages()方法中列出并初始化库。

下面是我的MainApplication.java以供参考：

public class MainApplication extends NavigationApplication {

  @Override
  protected ReactGateway createReactGateway() {
    ReactNativeHost host = new NavigationReactNativeHost(this, isDebug(), createAdditionalReactPackages()) {
      @Override
      protected String getJSMainModuleName() {
        return "index";
      }
    };
    return new ReactGateway(this, isDebug(), host);
  }

  @Override
  public boolean isDebug() {
    return BuildConfig.DEBUG;
  }

  protected List<ReactPackage> getPackages() {
    // Add additional packages you require here
    // No need to add RnnPackage and MainReactPackage
    return Arrays.<ReactPackage>asList(
      new MapsPackage(),
      new RNFetchBlobPackage() 
    );
  }

  @Override
  public List<ReactPackage> createAdditionalReactPackages() {
    return getPackages();
  }

  @Override
  public void onCreate() {
    super.onCreate();
    Fabric.with(this, new Crashlytics());
    SoLoader.init(this, /* native exopackage */ false);
  }

}

​

希望这能有所帮助！

Answer 2

我正在清理我的项目并删除我不再需要的包。

我从我的项目中完全删除了FBSDK登录，现在没有更多的错误。

“我的代码可以工作，我不知道为什么我的代码可以工作”

Answer 3

只需杀死所有节点进程，启动npm服务器并运行应用程序：

Step1:为windows用户运行命令killall -9 node，如果进程仍然存在，则运行taskkill /im node.exe run taskkill /f /im node.exe。

Step2:运行命令npm start

Step3:运行命令react-native run-ios OR react-native run-android