使用react-native-firebase编译react-native

时间:2018-01-20 00:13:13

标签: android reactjs firebase react-native react-native-firebase

在我继续之前,请注意我已经使用StackOverflow作为我的最后希望,我花了几个小时搜索GitHub并过去“相关”的问题。

在一个简单的上下文中,我正在尝试在针对android平台的react-native应用程序中使用react-native-firebase。

根据react-native-firebase

给出的步骤,完全遵循以下代码

应用\的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'

机器人\的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'
        }
    }
}

机器人\应用\ SRC \主\的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

2 个答案:

答案 0 :(得分:2)

正如@sfratini所述,这不是关于firebase的,但错误实际上源于导入react-native-firebase

现在,对于那些可能在将来遇到此问题的人,我找到了解决方案,因此请清楚准确地按照每个步骤进行操作。

总而言之,如果您导入react-native-firebase并遇到任何类型的错误,那么这仅仅是因为纯粹的版本。然后按照:

1。) app\build.gradle

&#13;
&#13;
...

// 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'
&#13;
&#13;
&#13;

2。) anddroid\build.gradle

&#13;
&#13;
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'
    }
  }
}
&#13;
&#13;
&#13;

3。) android\app\src\main\java\com\[yourAppName]\MainApplication.java

&#13;
&#13;
// 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
&#13;
&#13;
&#13;

然后执行以下操作:

npm cache verify
react-native run-android

答案 1 :(得分:0)

这与firebase无关。

尝试删除.gradle文件夹(进行备份),并确保从管理员运行的命令行运行该文件夹。