时间戳

首页 > 解决方案 > 如何解决 React Native Firebase 安装错误

firebase - 如何解决 React Native Firebase 安装错误

问题描述

我正在尝试在我的 React Native App 中设置 Firebase，但它一直无法安装。

目前，我正在使用

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

我创建项目的步骤如下。

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

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

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

但似乎没有人安装firebase。它甚至不在依赖项中。尽管导航和其他反应原生组件确实有效。请帮助我已经被困了一个星期。

最后，我还按照 Expo 中给出的错误指示的步骤进行操作。但似乎 Node.js 命令提示符无法识别如何遵循“rm -rf node_modules && npm install”等命令。有谁知道如何运行这样的命令？

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

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

网址：://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":"Unable to resolve module firebasefrom D:\\ReactNative\\myproject7\\LoginScreen.js: Module firebasedoes not exist in the Haste module map\n \n这可能与 github.com/facebook/react-native/issues/4968 有关\n要解决，请尝试以下操作：\n 1. 清除守望者手表：watchman watch-del-all.\n 2. 删除node_modules文件夹：rm -rf node_modules && npm install.\n 3. 重置 Metro Bundler cache: rm -rf /tmp/metro-bundler-cache-*or npm start -- --reset-cache. 4. Remove haste cache: rm -rf /tmp/haste-map-react-native-packager-*.","errors":[{"description":"Unable to resolve module firebasefrom D:\\ReactNative\\myproject7\\LoginScreen.js: Module firebasedoes not exist in the Haste module map\n\n这可能与 github 有关。 com/facebook/react-native/issues/4968\n要解决，请尝试以下操作：\n 1. 清除守望者手表：watchman watch-del-all.\n 2. 删除node_modules文件夹：rm -rf node_modules && npm install.\n 3. 重置 Metro Bundler 缓存：rm -rf /tmp/metro-bundler-cache-*或npm start -- --reset-cache. 4. 移除haste cache: rm -rf /tmp/haste-map-react-native-packager-*."}],"name":"Error","stack":"Error: Unable to resolve module firebasefrom D:\\ReactNative\\myproject7\\LoginScreen.js: Module firebasedoes not exist in the Haste module map\n\n这可能与github有关.com/facebook/react-native/issues/4968\n要解决，请尝试以下操作：\n 1. 清除守望者手表：watchman watch-del-all.\n 2. 删除node_modules文件夹：rm -rf node_modules && npm install.\n 3. 重置 Metro Bundler 缓存：rm -rf /tmp/metro-bundler-cache-*或npm start -- --reset-cache。4.移除急速缓存：rm -rf /tmp/haste-map-react-native-packager-*.\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 在 dependencies.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 在生成器。下一步 ()\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 access$200 BundleDownloader.java:35 onChunkComplete BundleDownloader.java:195 emitChunk MultipartStreamReader.java:76 readAllParts MultipartStreamReader.java:154 processMultipartResponse BundleDownloader.java:179 access$100 BundleDownloader.java:35 onResponse BundleDownloader.java:148 c RealCall .java:135 运行 NamedRunnable.java:32 runWorker ThreadPoolExecutor.java:1113 运行 ThreadPoolExecutor.java:588 运行\ReactNative\myproject7\node_modules\metro\src\DeltaBundler\traverseDependencies.js:297:473"} processBundleResult BundleDownloader.java:268 access$200 BundleDownloader.java:35 onChunkComplete BundleDownloader.java:195 emitChunk MultipartStreamReader.java:76 readAllParts MultipartStreamReader。 java:154 processMultipartResponse BundleDownloader.java:179 访问$100 BundleDownloader.java:35 onResponse BundleDownloader.java:148 c RealCall.java:135 运行 NamedRunnable.java:32 runWorker ThreadPoolExecutor.java:1113 运行 ThreadPoolExecutor.java:588 运行\ReactNative\myproject7\node_modules\metro\src\DeltaBundler\traverseDependencies.js:297:473"} processBundleResult BundleDownloader.java:268 access$200 BundleDownloader.java:35 onChunkComplete BundleDownloader.java:195 emitChunk MultipartStreamReader.java:76 readAllParts MultipartStreamReader。 java:154 processMultipartResponse BundleDownloader.java:179 访问$100 BundleDownloader.java:35 onResponse BundleDownloader.java:148 c RealCall.java:135 运行 NamedRunnable.java:32 runWorker ThreadPoolExecutor.java:1113 运行 ThreadPoolExecutor.java:588 运行java:154 processMultipartResponse BundleDownloader.java:179 访问$100 BundleDownloader.java:35 onResponse BundleDownloader.java:148 c RealCall.java:135 运行 NamedRunnable.java:32 runWorker ThreadPoolExecutor.java:1113 运行 ThreadPoolExecutor.java:588 运行java:154 processMultipartResponse BundleDownloader.java:179 访问$100 BundleDownloader.java:35 onResponse BundleDownloader.java:148 c RealCall.java:135 运行 NamedRunnable.java:32 runWorker ThreadPoolExecutor.java:1113 运行 ThreadPoolExecutor.java:588 运行

线程.java:818

标签： firebasereact-native

解决方案

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

推荐阅读