用 react-native-firebase 编译 react-native
Posted
技术标签:
【中文标题】用 react-native-firebase 编译 react-native【英文标题】:Compile react-native with react-native-firebase 【发布时间】:2018-06-29 07:07:08 【问题描述】:在继续之前,请注意,我已将 *** 作为我最后的希望,并且我花了数小时搜索 GitHub 和过去的“相关”问题。
在一个简单的上下文中,我正在尝试在面向 android 平台的 react-native 应用中使用 react-native-firebase。
下面的代码完全按照react-native-firebase
给出的一步一步来进行
app\build.gradle
...
dependencies
compile(project(':react-native-firebase'))
transitive = false
compile project(':react-native-config')
compile fileTree(dir: "libs", include: ["*.jar"])
compile "com.android.support:appcompat-v7:23.0.1"
compile "com.facebook.react:react-native:+" // From node_modules
compile "com.google.android.gms:play-services-base:11.6.0"
compile "com.google.firebase:firebase-core:11.6.0"
...
apply plugin: 'com.google.gms.google-services'
android\build.gradle
buildscript
repositories
jcenter()
dependencies
classpath 'com.android.tools.build:gradle:2.2.3'
classpath 'com.google.gms:google-services:3.1.2'
// NOTE: Do not place your application dependencies here; they belong
// in the individual module build.gradle files
allprojects
repositories
mavenLocal()
jcenter()
maven
// All of React Native (JS, Obj-C sources, Android binaries) is installed from npm
url "$rootDir/../node_modules/react-native/android"
maven
url 'https://maven.google.com'
android\app\src\main\java\com\HF\MainApplication.java
...
import io.invertase.firebase.RNFirebasePackage;
import io.invertase.firebase.database.RNFirebaseDatabasePackage;
...
@Override
protected List < ReactPackage > getPackages()
return Arrays. < ReactPackage > asList(
new MainReactPackage(),
new RNFirebasePackage(),
new ReactNativeConfigPackage(),
new RNFirebaseDatabasePackage()
);
...
但是,最后,它只是没有运行,给了我一个奇怪的错误。我已尽我所能,但无济于事。任何帮助将不胜感激。
谢谢
如果您对错误感到好奇
:app:processDebugManifest
:app:processDebugResources
:app:generateDebugSources
:app:incrementalDebugJavaCompilationSafeguard
:app:compileDebugJavaWithJavac
:app:compileDebugJavaWithJavac - is not incremental (e.g. outputs have changed, no previous execution, etc.).
:app:compileDebugNdk UP-TO-DATE
:app:compileDebugSources
:app:transformClassesWithDexForDebug FAILED
FAILURE: Build failed with an exception.
* What went wrong:
Execution failed for task ':app:transformClassesWithDexForDebug'.
> com.android.build.api.transform.TransformException: java.lang.RuntimeException: java.io.IOException: Unable to create parent directories of C:\King's_College_London\Final_Year_Project\HeartFailure\android\app\build\interm
ediates\pre-dexed\debug\com.android.support-support-core-ui-25.2.0_ed7d36204e2346bc863c0a6433807d11a8ea28a3.jar
* Try:
Run with --stacktrace option to get the stack trace. Run with --info or --debug option to get more log output.
BUILD FAILED
Total time: 1 mins 38.333 secs
Could not install the app on the device, read the error above for details.
Make sure you have an Android emulator running or a device connected and have
set up your Android development environment:
https://facebook.github.io/react-native/docs/android-setup.html
【问题讨论】:
【参考方案1】:正如@sfratini
所说,这与firebase 无关,但错误实际上源于导入react-native-firebase
。
现在对于那些将来可能会遇到此问题的人,我已经找到了解决方案,因此请清楚准确地执行每个步骤。
总而言之,如果您导入了react-native-firebase
并遇到任何类型的错误,那么这纯粹是因为版本。然后按照这个:
1.) app\build.gradle
...
// change your dependency object to add the following lines
dependencies
compile(project(':react-native-firebase'))
transitive = false
compile project(':react-native-config')
compile fileTree(dir: "libs", include: ["*.jar"])
compile "com.android.support:appcompat-v7:23.0.1"
compile "com.facebook.react:react-native:+" // From node_modules
compile "com.google.android.gms:play-services-base:11.6.0"
compile "com.google.firebase:firebase-core:11.6.0"
compile "com.google.firebase:firebase-database:11.6.0"
// this line is very important.
apply plugin: 'com.google.gms.google-services'
2.) anddroid\build.gradle
buildscript
repositories
jcenter()
dependencies
// compy the following exactly like this
classpath 'com.android.tools.build:gradle:2.2.3'
classpath 'com.google.gms:google-services:3.1.2'
// NOTE: Do not place your application dependencies here; they belong
// in the individual module build.gradle files
allprojects
repositories
mavenLocal()
jcenter()
/// notice the same objecct maven, but with different url
maven
// All of React Native (JS, Obj-C sources, Android binaries) is installed from npm
url "$rootDir/../node_modules/react-native/android"
maven
url 'https://maven.google.com'
3.) android\app\src\main\java\com\[yourAppName]\MainApplication.java
// import these two
import io.invertase.firebase.RNFirebasePackage;
import io.invertase.firebase.database.RNFirebaseDatabasePackage;
private final ReactNativeHost mReactNativeHost = new ReactNativeHost(this)
@Override
public boolean getUseDeveloperSupport()
return BuildConfig.DEBUG;
@Override
protected List<ReactPackage> getPackages()
return Arrays.<ReactPackage>asList(
new MainReactPackage(),
new ReactNativeConfigPackage(),
new RNFirebasePackage(),
new RNFirebaseDatabasePackage()
);
@Override
protected String getJSMainModuleName()
return "index";
;
....
// you'll have other code below, leave that as it is
然后执行以下操作:
npm cache verify
react-native run-android
【讨论】:
【参考方案2】:这与 firebase 无关。
尝试删除您的 .gradle 文件夹(进行备份)并确保从以管理员身份运行的命令行运行该文件夹。
【讨论】:
以上是关于用 react-native-firebase 编译 react-native的主要内容,如果未能解决你的问题,请参考以下文章
使用@react-native-firebase/messaging 收到通知后应用程序崩溃
无法在 Android 中设置 @react-native-firebase/messaging
错误:捆绑失败 - 尝试解析模块“react-native-firebase”时
iOS 无法在 react-native-firebase 中接收通知
在 iOS 上安装 react-native-firebase 的问题
@react-native-firebase/messaging : TypeError: (0 , _messaging.default)(...).registerForRemoteNotific