首页 文章

如何解决React Native Firebase安装错误

提问于
浏览
0

我正在尝试在我的React Native App中设置Firebase,但它仍然无法安装 .

目前,我正在使用

  • Windows 10,

  • Java SE(10.0.1)

  • Node.js(8.11.3 LTS)

  • 巧妙地从网站安装

  • Android Studio

  • 世博XDE

  • Visual Studio代码

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

我创建项目的步骤如下 .

  • 在正常模式下运行Node.js命令提示符

  • 键入"create-react-native-app MyNewProject1"以创建新项目

  • npm安装

  • npm install --save firebase

  • npm install --save react-navigation

  • 运行expo并打开项目

  • 运行模拟器

  • 使用expo在android上打开项目

  • 使用Visual Studio代码进行编码

  • 代码firebase由"import * as firebase from '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 . 它甚至不在依赖项中 . 虽然导航和其他反应原生组件确实有效 . 请帮助我被困了一个星期 .

最后,我还遵循了世博会给出的错误所指示的步骤 . 但似乎Node.js命令提示符无法识别如何按顺序执行'rm -rf node_modules && npm install'以及其余的命令 . 有谁知道如何运行这样的命令?

-------------------------来自世博会的错误信息-------------------- -----

开发服务器返回响应错误代码: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 :模块 firebase 在Haste模块映射中不存在\ 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-* . "," errors ":[{" description ":"无法从 D:\\ReactNative\\myproject7\\LoginScreen.js 解析模块 firebase :模块 firebase 在Haste模块映射中不存在\ n \ n这可能与github.com/facebook/react-native/issues/4968\n有关解析试试以下内容:\ n 1.清除守望者 Watch : 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-* . "}]," name ":"错误"," stack ":"错误:无法解析模块 firebase D:\\ReactNative\\myproject7\\LoginScreen.js :Haste模块图中不存在模块 firebase \ n \ n这可能与github.com/facebook/react-native/issues/4968 \ n有关 . 要解析,请尝试以下操作:\ n 1.清除守望者 Watch : 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在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 emitChunk MultipartStreamReader.java:76 readAllParts MultipartStreamReader.java:154 processMultipartResponseBundleDownloader.java:179访问$ 100 BundleDownloader.java:35 onResponse BundleDownloader.java:148 c RealCall.java:135运行NamedRunnable.java:32 runWorker ThreadPoolExecutor.java:1113运行ThreadPoolExecutor.java:588运行

Thread.java:818

1 回答

  • 0

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

相关问题