哪个 Firebase javascript 包应该与 React Native 一起使用？常规的“Firebase Web SDK”或“react-native-firebase”？

如何解决哪个 Firebase javascript 包应该与 React Native 一起使用？常规的“Firebase Web SDK”或“react-native-firebase”？

Firebase Web SDK - https://www.npmjs.com/package/firebase。

react-native-firebase - https://www.npmjs.com/package/react-native-firebase

我之前的理解是，Web SDK 可能无法提供 React Native 中的所有功能。但现在我面临着很多严重的问题。我还没有尝试过 react-native-firebase。

一个问题是我的项目直到上个月都运行良好。现在，当我尝试写入 firebase 时它会显示错误。身份验证部分工作正常。只是firestore给出错误。像这样 -

[Sun Apr 25 2021 19:43:33.243]  BUNDLE  ./index.js

error: Error: Unable to resolve module ./prebuilt.rn-cf004e03.js from D:\bareWorkflowRN\backup23\tester1PaymentsNPlacePicker\node_modules\@firebase\firestore\dist\rn\index.js:

None of these files exist:
  * node_modules\@firebase\firestore\dist\rn\prebuilt.rn-cf004e03.js(.native|.android.ts|.native.ts|.ts|.android.tsx|.native.tsx|.tsx|.android.js|.native.js|.js|.android.jsx|.native.jsx|.jsx|.android.json|.native.json|.json)
  * node_modules\@firebase\firestore\dist\rn\prebuilt.rn-cf004e03.js\index(.native|.android.ts|.native.ts|.ts|.android.tsx|.native.tsx|.tsx|.android.js|.native.js|.js|.android.jsx|.native.jsx|.jsx|.android.json|.native.json|.json)    
> 1 | import firebase from '@firebase/app';
  2 | import '@firebase/util';
  3 | import '@firebase/logger';
  4 | import '@firebase/webchannel-wrapper';
    at ModuleResolver.resolveDependency (D:\bareWorkflowRN\backup23\tester1PaymentsNPlacePicker\node_modules\metro\src\node-haste\DependencyGraph\ModuleResolution.js:168:15)
    at DependencyGraph.resolveDependency (D:\bareWorkflowRN\backup23\tester1PaymentsNPlacePicker\node_modules\metro\src\node-haste\DependencyGraph.js:353:43)
    at Object.resolve (D:\bareWorkflowRN\backup23\tester1PaymentsNPlacePicker\node_modules\metro\src\lib\transformHelpers.js:271:42)
    at resolve (D:\bareWorkflowRN\backup23\tester1PaymentsNPlacePicker\node_modules\metro\src\DeltaBundler\traverseDependencies.js:571:33)
    at D:\bareWorkflowRN\backup23\tester1PaymentsNPlacePicker\node_modules\metro\src\DeltaBundler\traverseDependencies.js:587:26
    at Array.reduce (<anonymous>)
    at resolveDependencies (D:\bareWorkflowRN\backup23\tester1PaymentsNPlacePicker\node_modules\metro\src\DeltaBundler\traverseDependencies.js:586:33)      
    at D:\bareWorkflowRN\backup23\tester1PaymentsNPlacePicker\node_modules\metro\src\DeltaBundler\traverseDependencies.js:275:33
    at Generator.next (<anonymous>)
    at asyncGeneratorStep (D:\bareWorkflowRN\backup23\tester1PaymentsNPlacePicker\node_modules\metro\src\DeltaBundler\traverseDependencies.js:87:24)  

我想知道 react-native-firebase 在这里是否会有所帮助，或者是否有人知道此问题的解决方案。

我已经尝试了 cd android 和 gradlew clean 命令

解决方法

正如@LonelyCpp 在评论中提到的，你必须使用 react-native-firebase，它会为你提供 React Native 框架的更多功能和完整功能，但 Firebase Web SDK 仅适用于原生 Javascript（Vanilla JS 或 Plain JS），它将非常适合网络浏览器。