用 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