如何解决React Native Firebase安装错误

时间:2018-07-03 16:40:12

标签: firebase react-native

我正在尝试在我的React Native App中设置Firebase,但是它始终无法安装。

当前,我正在使用

  • Windows 10,
  • Java SE(10.0.1)
  • Node.js(8.11.3 LTS)
  • 通过网站巧克力安装
  • Android Studio
  • Expo XDE
  • Visual Studio代码

至于初始设置,我已经键入并安装了以下内容, -npm install -g react-native-cli -npm install -g create-react-native-app -配置了ANDROID_HOME环境变量  Configuration  Path Setting

我创建项目所采取的步骤如下。

  1. 在正常模式下运行Node.js命令提示符
  2. 输入“ create-react-native-app MyNewProject1”以创建一个新项目
  3. npm安装
  4. npm install-保存firebase
  5. npm install-保存反应导航
  6. 运行博览会并打开项目
  7. 运行模拟器
  8. 使用expo在android上打开项目
  9. 使用Visual Studio代码进行编码
  10. 通过“将*从'firebase'导入为firebase”来编码firebase; “ firebase.auth()。signInWithEmailAndPassword(this.state.email,this.state.password)”等 还可以获得ApiKey和所有信息。

编码完成后。一直说没有安装firebase。 而且它一直无法安装。 我什至尝试安装“ npm install firebase”或“ firebase-admin” 但没用。

我什至尝试了以下站点的说明。

  • blog.benestudio.co/kickstart-your-react-native-app-with-firebase-tutorial-0-e6713bdb2012
  • medium.com/@jamesmarino/getting-started-with-react-native-and-firebase-ab1f396db549
  • firebase.googleblog.com/2016/01/the-beginners-guide-to-react-native-and_84.html

但是似乎没有人安装firebase。 它甚至不在依赖项中。 尽管导航和其他功能可以响应本机组件。 请帮助我被困了一个星期。

最后,我还遵循了Expo中给出的错误指示的步骤。 但似乎Node.js命令提示符无法识别如何按照“ rm -rf node_modules && npm install”命令执行其余命令。有人知道如何运行这样的命令吗?

-----------------------------来自以下Expo的错误消息----------------- --------

开发服务器返回响应错误代码:500

URL :: //packager.9g-4gd.eonlee.myproject7.exp.direct/node_modules/react-native-scripts/build/bin/crna-entry.bundle?platform = android&dev = true&minify = false&hot = false&assetPlugin = D%3A%5CReactNative%5Cmyproject7%5Cnode_modules%5Cexpo%5Ctools%5ChashAssetFiles

BodyX: {“ originModulePath”:“ D:\ ReactNative \ myproject7 \ LoginScreen.js”,“ targetModuleName”:“ firebase”,“ message”:“无法从firebase解析模块D:\\ReactNative\\myproject7\\LoginScreen.js:模块{{ 1}}在“急速”模块映射中不存在\ n \ n这可能与github.com/facebook/react-native/issues/4968\n有关。要解决此问题,请尝试以下操作:\ n 1.清除看守手表:{{1 }}。\ n 2.删除firebase文件夹:watchman watch-del-all。\ n 3.重置Metro Bundler缓存:node_modulesrm -rf node_modules && npm install。4.删除急速缓存:{ {1}}。“,”错误“:[{”描述“:”无法解析rm -rf /tmp/metro-bundler-cache-*中的模块npm start -- --reset-cache:Haste模块映射中不存在模块rm -rf /tmp/haste-map-react-native-packager-* \ n \ n这可能与github.com/facebook/react-native/issues/4968\n有关。要解决此问题,请尝试以下操作:\ n 1.清除值班员手表:firebase。\ n 2.删除{{1} }文件夹:D:\\ReactNative\\myproject7\\LoginScreen.js。\ n 3.重置Metro Bundler缓存:firebasewatchman watch-del-all。4.删除急速缓存:node_modules。“}],”名称“: “ Error”,“ stack”:“错误:无法解析rm -rf node_modules && npm install中的模块rm -rf /tmp/metro-bundler-cache-*:Haste模块映射中不存在模块npm start -- --reset-cache \ n \ n这可能与gith相关ub.com/facebook/react-native/issues/4968\n要解决此问题,请尝试以下操作:\ n 1.清除值班员监视:rm -rf /tmp/haste-map-react-native-packager-*。\ n 2.删除firebase文件夹:{{1 }}。\ n 3.重置Metro Bundler缓存:D:\\ReactNative\\myproject7\\LoginScreen.jsfirebase。 4.删除急速缓存:watchman watch-del-all。\ n在ModuleResolver.resolveDependency(D:\ ReactNative \ myproject7 \ node_modules \ metro \ src \ node-haste \ DependencyGraph \ ModuleResolution.js:161:1460)\ n在ResolutionRequest .resolveDependency(D:\ ReactNative \ myproject7 \ node_modules \ metro \ src \ node-haste \ DependencyGraph \ ResolutionRequest.js:91:16)\ n在DependencyGraph.resolveDependency(D:\ ReactNative \ myproject7 \ node_modules \ metro \ src \ node-haste \ DependencyGraph.js:272:4579)\ n在dependents.map.relativePath(D:\ ReactNative \ myproject7 \ node_modules \ metro \ src \ DeltaBundler \ traverseDependencies.js:376:19)\ n在Array.map (native)\ n在resolveDependencies(D:\ ReactNative \ myproject7 \ node_modules \ metro \ src \ DeltaBundler \ traverseDependencies.js:374:16)\ n在D:\ ReactNative \ myproject7 \ node_modules \ metro \ src \ DeltaBundler \ traverseDependencies .js:212:33 \ n在Generator.next()\ n在步骤(D:\ ReactNative \ myproject7 \ node_modules \ metro \ src \ DeltaBundler \ traverseDependencies.js:297:313)\ n在D:\ ReactNative \ myproject7 \ node_modules \ metro \ src \ DeltaBundler \ traverseDependencies.js:297:473“} processBundleResult     BundleDownloader.java:268 访问$ 200     BundleDownloader.java:35 onChunkComplete     BundleDownloader.java:195 发出块     MultipartStreamReader.java:76 readAllParts     MultipartStreamReader.java:154 processMultipartResponse     BundleDownloader.java:179 访问$ 100     BundleDownloader.java:35 onResponse     BundleDownloader.java:148 C     RealCall.java:135 跑     命名为Runnable.java:32 runWorker     ThreadPoolExecutor.java:1113 跑     线程池执行器.java:588 运行

Thread.java:818

1 个答案:

答案 0 :(得分:0)

我已通过更改已保存文件夹的主目录解决了此类问题。 当我在D驱动器中创建项目时,它不允许我安装依赖项 我仍然不知道如何使项目在D盘上工作,但是 当我将项目文件夹移动到C驱动器或主驱动器时,它开始安装并工作。 好吧,我将只在主驱动器上工作。