42

I am trying to build my react-native project and using react-native fbsdk.

However, I get these errors:

/home/luiz/MYP/app/node_modules/react-native-fbsdk/android/build/intermediates/res/merged/release/values-v24/values-v24.xml:3: AAPT: Error retrieving parent for item: No resource found that matches the given name 'android:TextAppearance.Material.Widget.Button.Borderless.Colored'.

/home/luiz/MYP/app/node_modules/react-native-fbsdk/android/build/intermediates/res/merged/release/values-v24/values-v24.xml:4: AAPT: Error retrieving parent for item: No resource found that matches the given name 'android:TextAppearance.Material.Widget.Button.Colored'.

/home/luiz/MYP/app/node_modules/react-native-fbsdk/android/build/intermediates/res/merged/release/values-v24/values-v24.xml:3: error: Error retrieving parent for item: No resource found that matches the given name 'android:TextAppearance.Material.Widget.Button.Borderless.Colored'.

/home/luiz/MYP/app/node_modules/react-native-fbsdk/android/build/intermediates/res/merged/release/values-v24/values-v24.xml:4: error: Error retrieving parent for item: No resource found that matches the given name 'android:TextAppearance.Material.Widget.Button.Colored'.


:react-native-fbsdk:processReleaseResources FAILED

My current OS is Linux Elementary 0.4.1 Loki x64.

I am using react-native@0.37.0 and, because of this, react-native-fbsdk@0.4.0.

I've already tried:

  • cd android && ./gradlew clean

  • delete the project and re npm install it

  • and try in Android API's 23 and 24.

Luiz
  • 2,429
  • 8
  • 28
  • 43

7 Answers7

51

Apparently facebook has updated their sdk yesterday and the latest (4.23.0) sdk may have a bug or something.

You can resolve this by Changing your node_modules\react-native-fbsdk\android\build.gradle from:

compile('com.facebook.android:facebook-android-sdk:4.+')

To:

compile('com.facebook.android:facebook-android-sdk:4.22.1')

I'm no gradle guy so if someone knows of a better way of forcing the version from parent gradle.build, please comment and I'll update the answer.

** EDIT **

@Andreyco managed to solve this without changing node_modules. You can scroll down to his answer or click here.

Also, as notified by @JuanJoseTugores there's a pull request in react-native-fbsdk waiting to be approved, so you can check the bug's progress and be notified when it's resolved.

** Another Update **
Facebook closed the bug that was opened for them regarding this issue, saying they fixed the sdk. So now all the workarounds can be removed.

Apparently FB still not solved this. We just upgraded to RN 0.44 & FB 0.6.0

atlanteh
  • 5,615
  • 2
  • 33
  • 54
  • 13
    Editing anything in `node_modules` is greatest idea ever – Andreyco May 26 '17 at 07:37
  • 3
    Obviously you are right. This is only a workaround I found in order to immediately solve this problem. This is why I asked if someone with a better gradle understanding can solve it in the parent build.gradle which is not in node_modules – atlanteh May 26 '17 at 07:39
  • I did manage to solve this by setting `compileSdkVersion` to `24` in `android/app/build.gradle`. Btw, were you able to complite older `react-native-fbsdk` (e.g. 0.5.0)? It looks like no matter what, it pulls in latest Android SDK. – Andreyco May 26 '17 at 08:16
  • 1
    After updated `compileSdkVersion` in your `android/app/build.gradle` file, please also make sure you have the corresponding SDK installed (Android Studio > Configure > SDK Manager > API Level). – max23_ May 26 '17 at 09:57
  • 1
    @Andreyco no, I'm not able to compile 0.5.0 anymore :/. you could always fork the project and apply this changes. – Juan Jose Tugores May 26 '17 at 10:46
  • Trying to come up with better solution, as you are suggesting. There must be a way. Looked into `react-native-fbsdk` source, and I think dependency on Android SDK is being specified too loose. `4+` is no way to go, imho – Andreyco May 26 '17 at 12:43
  • https://github.com/facebook/react-native-fbsdk/pulls check the latest pull request guys – Juan Jose Tugores May 26 '17 at 16:57
  • anyone has a solution to deal with it in CI processes? (for an example, buddybuild) – shirbr510 May 28 '17 at 11:03
  • We use BuddyBuild, but we just upgraded to latest RN. However, BuddyBuild have [custom scripts](http://docs.buddybuild.com/docs/custom-prebuild-and-postbuild-steps) you can use, like the pre build script and change the data in the node_modules (sucks, yeah) – atlanteh May 28 '17 at 11:11
  • A colleague of mine suggested the following (which worked for me!): Edit settings.gradle to override the location of the build.gradle for the project in node_modules by project(':react-native-fbsdk').buildFileName = "your location to the new build.gradle file". So you can make a copy of the build.gradle for react-native-fbsdk and store it outside node_modules and use that (and even check in to version control). – narayanan May 28 '17 at 13:33
  • @atlanteh I did manage to resolve this by adjusting gradle config only. Check out my answer if interested. – Andreyco May 28 '17 at 18:26
  • I had to force react-native-fbsdk to version 0.5.0 and changed the above to 4.22.1 in node_modules. It was the only thing that worked. I am using React 0.42 because my other dependencies were built against react-native 0.42 (I'm using ReactXP). – Rick Love Jun 06 '17 at 18:38
26

After digging into gradle, I came up with following solution.

Key is to exclude facebook-android-sdk required by react-native-fbsdk and pull in desired (working) version on facebook-android-sdk module - preferably without modifying anything in node_modules folder.

Fortunately, gradle offers this.

// android/app/build.gradle

dependencies {
    compile(project(':react-native-fbsdk')){
      exclude(group: 'com.facebook.android', module: 'facebook-android-sdk')
    }
    compile "com.facebook.android:facebook-android-sdk:4.22.1"
}
Andreyco
  • 22,476
  • 5
  • 61
  • 65
  • I am using react-native@0.37.0 and, because of this, react-native-fbsdk@0.4.0. I'll edit the question. – Luiz May 25 '17 at 23:03
  • 3
    For some reason this is not woking for me – Ramon Canales May 29 '17 at 12:54
  • Follow @atlanteh answer then. It will work for sure, until patch is published its okay to adjust `node_modules` imho. My answer show more general solution, applicable to similar issues – Andreyco May 29 '17 at 18:48
  • 1
    @RamonJamOnCanales I got same issue but solved using this inside buidl.gradle `configurations.all { resolutionStrategy { force 'com.facebook.android:facebook-android-sdk:4.22.1' .... } }` https://stackoverflow.com/a/44205756/292927 – Belal mazlom May 30 '17 at 10:43
  • Thanks... That answer save my day – Allloush Dec 15 '17 at 03:28
  • it's not working for me on react-native v0.51.0 and RN-fbsdk v0.6.3: problem occurred evaluating project ':app'. > Could not find method exclude() for arguments [{group=com.facebook.android, module=facebook-android-sdk}] on project ':react-native-fbsdk' of type org.gradle.api.Project. – Quilty Kim Jan 01 '18 at 05:24
11

I was able to resolve this without modifying files under node_modules/.... I upgraded our react-native-fbsdk version to 0.6.0 and then add this to our application's build.gradle file to pin facebook-android-sdk at version 4.22.1:

project(':react-native-fbsdk') {
    configurations.all {
        resolutionStrategy {
            force 'com.facebook.android:facebook-android-sdk:4.22.1'
        }
    }
}

configurations.all {
    resolutionStrategy {
        force 'com.facebook.android:facebook-android-sdk:4.22.1'
        ...
    }
}

Edit: We are building with: 

android {
    compileSdkVersion 23
    buildToolsVersion "23.0.3"
    ...
}
rtcherry
  • 4,840
  • 22
  • 27
  • Upgrading is a working solution. However, sometimes unapplicable. – Luiz May 26 '17 at 16:52
  • 1
    Only `project(':react-native-fbsdk') { configurations.all { resolutionStrategy { force 'com.facebook.android:facebook-android-sdk:4.22.1' } } }` needed – paynd May 28 '17 at 18:53
  • 1
    @paynd That may work for some users, however in my application it was still attempting to use the newer SDK as a dependency and as a result I needed to force it in both the `react-native-fbsdk` project and in my own application's configuration. – rtcherry May 30 '17 at 15:28
5

I just encountered this error. First, RN Facebook SDK v.0.6.0 only works for react-native >= 0.44.0, so you have to update your dependency in package.json to react-native: ^0.44.0. Then go to Android build.gradle file and make this changes: compileSdkVersion 25 and compile "com.android.support:appcompat-v7:25.0.0"

hphp95
  • 305
  • 3
  • 13
5

this fixed for me

in android/build.gradle

subprojects {
    afterEvaluate {project ->
        if (project.hasProperty("android")) {
            android {
                compileSdkVersion 27
                buildToolsVersion '27.0.3'
            }
        }
    }
}
David Rearte
  • 764
  • 8
  • 19
4

For those who are looking for make it work using RN 0.42 which by now is the one with react version stable you may need to use the Facebook SDK 4.18.0 "com.facebook.android:facebook-android-sdk:4.18.0" which is the one that was released by the time that react-native-fbsdk@0.5.0 was released, otherwise you may be ending up with the issue: https://developers.facebook.com/bugs/1712442065726889/

Besides, if you are getting hard times to force the facebook sdk to be what you need try this:

android/app/build.gradle

...

dependencies {
    compile project(':react-native-fbsdk')
    compile project(':react-native-vector-icons')
    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.facebook.android:facebook-android-sdk:[4.18.0)"
}

android/build.gradle

// Top-level build file where you can add configuration options common to all sub-projects/modules.

project(':react-native-fbsdk') {
  configurations.all {
    resolutionStrategy {
      force 'com.facebook.android:facebook-android-sdk:4.18.0'
    }
  }
}

...

allprojects {
    repositories {
        ...
        configurations.all {
            resolutionStrategy {
              force 'com.facebook.android:facebook-android-sdk:4.18.0'
            }
        }
    }
}
Alexis Duran
  • 620
  • 14
  • 28
1

As you can see here there is patches incoming,

https://github.com/facebook/react-native-fbsdk/pull/339 https://github.com/facebook/react-native-fbsdk/pull/338

in the meantime if you're using react-native-fbsdk v0.5 you could do

yarn add react-native-fbsdk@https://github.com/tugorez/react-native-fbsdk

I've applied the suggested changes and it's working :) but please be aware I'll no support this and wont keep it update so... as soon as you can you should go back to the official library.

Juan Jose Tugores
  • 699
  • 5
  • 10