React-native: Error when linking: "Expected "/*", "//" or "{" but "<" found"

Created on 21 Sep 2016 · 73Comments · Source: facebook/react-native

Issue Description

When running react-native link, I get some kind of parse error. However, this parse error is impossible to debug, because it doesn't give me any filename, line number, or column number.

I was told to file an issue at https://github.com/rnpm/rnpm/issues but that directed me to file issues here instead.

Steps to Reproduce / Code Snippets

% react-native link
rnpm-install info Android module react-native-maps is already linked
rnpm-install ERR! It seems something went wrong while linking. Error: Expected "/*", "//" or "{" but "<" found.
Please file an issue here: https://github.com/rnpm/rnpm/issues

Expected "/*", "//" or "{" but "<" found.

Expected Results

No idea. I did it because these instructions tell me to.

Additional Information

React Native version:

% react-native --version
react-native-cli: 1.0.0
react-native: 0.33.0

Platform(s) (iOS, Android, or both?): Both
Operating System (macOS, Linux, or Windows?): macOS

Stale

Source

jameshfisher

👍25

Most helpful comment

+1 same problem as Deevent's
I change
react-native install react-native-fbsdk
to
npm install [email protected] --save
react-native link react-native-fbsdk

BATMAH69 on 16 Jun 2017

👍193 🎉50 ❤44 😄12 😕7 👎6

All 73 comments

+1, this is happening to me on every link no matter what library, same versions as OP.

nik on 28 Sep 2016

👍1

Had this issue today trying to react-native link/unlink/install/uninstall any library. I would get a message like this

.nvm/versions/node/v6.5.0/lib/node_modules/rnpm/node_modules/xcode/lib/parser/pbxproj.js:1835
      throw peg$buildException(null, peg$maxFailExpected, peg$maxFailPos);
      ^
SyntaxError: Expected "/*", "//" or "{" but "<" found.

npm uninstall rnpm -g fixed it.

ethantran on 29 Sep 2016

Seems like this is related to this: https://github.com/CocoaPods/CocoaPods/issues/1275

My pbxproj gets converted to the new XML format after installing a pod, and the xcode node parser is expecting the old format.

tarr11 on 7 Oct 2016

This solved it for me

https://github.com/CocoaPods/CocoaPods/issues/1275#issuecomment-22391200

tarr11 on 7 Oct 2016

👍2

I'm also getting this problem, I checked out @tarr11 's fix, but I'm not 100% why it isn't working. If someone got this going, I know its a bit to ask, but can you post instructions on what to do?

the-simian on 14 Oct 2016

@the-simian , i kind of gave up on this a while ago, and just linked manually. its not _that_ bad, once you get used to it, haha. i went here https://facebook.github.io/react-native/docs/linking-libraries-ios.html#manual-linking , and followed their steps and that worked for me (but i've only linked like a couple libraries)

nik on 14 Oct 2016

This really should not be closed. This has been an ongoing problem for some time.

nebulr on 27 Dec 2016

👍56 👎1

I cannot upgrade to 0.43 cause this issue :/

sospedra on 10 Apr 2017

I had something similar too, I was getting:

$ react-native link react-native-code-push
? What is your CodePush deployment key for Android (hit <ENTER> to ignore) 
rnpm-install info Linking react-native-code-push android dependency 
rnpm-install info Android module react-native-code-push has been successfully linked 
rnpm-install ERR! It seems something went wrong while linking. Error: Expected "{" but "/" found. 
Please file an issue here: https://github.com/facebook/react-native/issues 

Expected "{" but "/" found.

Comparing with an older version of my code which worked, it looked like the problem was inside my iOS project.pbxproj file. The top line was:

 // !$*UTF8*$!
{

Removing the leading space fixed the problem for me:

// !$*UTF8*$!
{

hiddentao on 20 Apr 2017

👎7 😕6 👍2

Ran into this after react-native install react-native-fbsdk. Xcode then failed to open the project, and looking at the git diff I discovered my project.pbxproj file was written incorrectly like so:

HEADER_SEARCH_PATHS = "$(SRCROOT)/../node_modules/some-package""$(SRCROOT)/../node_modules/react-native-fbsdk/ios/RCTFBSDK/**";

All was well once I changed to format:

HEADER_SEARCH_PATHS = (
    "$(SRCROOT)/../node_modules/some-package",
    "$(SRCROOT)/../node_modules/react-native-fbsdk/ios/RCTFBSDK/**"
);

tybro0103 on 28 Apr 2017

👍39 🎉8 👎3 ❤2

@tybro0103 's solution worked for me. But note that there are many of HEADER_SEARCH_PATHS in *.pbxproj file. Find all and make sure all formatted well.

alioguzhan on 17 May 2017

I have the exact same issue trying to link react-native-fbsdk and I've checked my *.pbxproj and it's all good.

ghost on 16 Jun 2017

👍23 😕9

+1 same problem as Deevent's

edencakir on 16 Jun 2017

+1 same problem as Deevent's
I change
react-native install react-native-fbsdk
to
npm install [email protected] --save
react-native link react-native-fbsdk

BATMAH69 on 16 Jun 2017

👍193 🎉50 ❤44 😄12 😕7 👎6

@BATMAH69 ... and that worked?

edencakir on 16 Jun 2017

😄2

@edencakir Seems its work =)

BATMAH69 on 16 Jun 2017

👍3

@BATMAH69 @edencakir
I can confirm that it just worked for me 🎉 . Thx for the hint @BATMAH69

vinagrito on 16 Jun 2017

👍4

@dzhuowen It seems the problem was somewhere in this commit.https://github.com/facebook/react-native-fbsdk/commit/a5bf87c63b6e037afce5ff439f8bbe4051fcf79d

BATMAH69 on 16 Jun 2017

👍2

Thanks! Worked for me @BATMAH69 ... but i won't to ask ... does FBSDK have problem ?! i try to do login with Facebook and that not work at all (with last react native )

Unable to resolve modules i face it every time i try a lot of tutorials !!

Tawfeekamr on 17 Jun 2017

@Tawfeekamr On Monday morning I set up a fb login for android. With version 0.6.0 there was a bug with java dependencies. After I fixed it with android everything was fine. Today I wanted to set up on iOs but because of this problem I did not have time. I'll set up tomorrow if everything works out. I will rely on this instruction and from react-native-fbsdk examples =)

Update:

npm install [email protected] --save
react-native link react-native-fbsdk
npm install plist xcode adm-zip --save-dev
cp ./node_modules/react-native-fbsdk/ios_setup.js ./ios_setup.js
node ./ios_setup.js [App ID] [App Name]

add changes from this file
(don't forget change "HelloFacebook" to your app)

BATMAH69 on 17 Jun 2017

👍19 ❤7 🎉7 😄2 👎2

@BATMAH69 Thanks! It works for me :)

ghost on 18 Jun 2017

@BATMAH69 Thanks dear that worked 💯 % when i created new project and do your tips! ...

For Github ppl there is more tips after BATMAH69 words:-

Then i have issue with _LoginManager_ i fixed by do this:

_export default class YourApp extends Component {_

__YourFuncation {
LoginManager.logInWithReadPermissions(['public_profile']).then(
function(result) {
if (result.isCancelled) {
alert('Login was cancelled');
} else {
alert('Login was successful with permissions: '
+ result.grantedPermissions.toString());
}
},
function(error) {
alert('Login failed with error: ' + error);
}
);
}_

And render code:

_render() {
return (
Welcome to React Native!

onPress={() => this._YourFuncation}
>
Press Here

Press Cmd+R to reload,{'\n'}
Cmd+D or shake for dev menu

);
}
}_

You must change YourApp to your react-native app name.

By following this tips: https://developers.facebook.com/docs/react-native/login

To download index.iOS.js files (code worked 100% ... so if any one have issue search about another thing) :
http://www.mediafire.com/file/tajh1izyx4j6b3v/index.ios.js

Tawfeekamr on 18 Jun 2017

Thanks a lot @BATMAH69 !

danielediazmx on 20 Jun 2017

Thanks for the hint @BATMAH69. Worked for me as well. I unlinked and removed and then installed version 0.6.0 using Yarn and linked without any issues.

Xabadu on 21 Jun 2017

👍1

@BATMAH69 the issue was gone, but my fb login stopped working. I need version 0.6.1, not 0.6.0.

kaberibasu on 22 Jun 2017

@kaberibasu Why do you think that your fb login will be work with the version 0.6.1? I stayed on the version 0.6.0 for now and have not yet met the case when the login or share did not work. So I have plans to stay on the version 0.6.0 until the developers of the react-native-fbsdk library will fix the linking.

But If you know any problem cases, I would also be interested to know.

As an experiment you can try to do "npm install [email protected] --save" after the instruction steps, biuld the application and check whether your login will work or not. I did this and the application worked, but I did not see any difference in work, so I returned to 0.6.0. Of course this is not a solution, but an attempt to find a workaround.

As for the version 0.6.1, I think @dzhuowen can know something. =) It seems that his commits on Jun 16, 2017 broke two versions - 0.5.1 and 0.6.1.

BATMAH69 on 22 Jun 2017

Ran into this after react-native install react-native-fbsdk. Xcode then failed to open the project, and looking at the git diff I discovered my project.pbxproj file was written incorrectly like so:

HEADER_SEARCH_PATHS = "$(SRCROOT)/../node_modules/some-package""$(SRCROOT)/../node_modules/react-native-fbsdk/ios/RCTFBSDK/**";
All was well once I changed to format:

HEADER_SEARCH_PATHS = (
"$(SRCROOT)/../node_modules/some-package",
"$(SRCROOT)/../node_modules/react-native-fbsdk/ios/RCTFBSDK/**"
);

This was the solution for me, thanks

hdchan on 23 Jun 2017

Thanks @BATMAH69 , going back a version worked for me too

olusola on 26 Jun 2017

@BATMAH69 I am using 0.5.1 version, I checked the HEADER_SEARCH_PATHS and they are good. I still encounter the issue. What else could I have missed?

vvavepacket on 27 Jun 2017

I got it working using this version [email protected].

aldomatic on 27 Jun 2017

@vvavepacket versions 0.5.1 and 0.6.1 were broken by commits on Jun 16, 2017
Version 0.5.1 was working until this commits.
So you can update version to 0.6.0.

BATMAH69 on 27 Jun 2017

👍2

You can use react-native upgrade to fix this

Jahans3 on 29 Jun 2017

@BATMAH69 That's okay when i use vs 0.6.0 for iOs but i have some bug with java dependencies for Android at vs 0.6.0 ... How can i fix it ? Thanks you very much!!!

Compa259 on 4 Jul 2017

@Compa259 change your file by this https://github.com/facebook/react-native-fbsdk/blob/a5bf87c63b6e037afce5ff439f8bbe4051fcf79d/android/build.gradle

BATMAH69 on 4 Jul 2017

@BATMAH69 I did as the link above . but it doesn't work.
My bug is:
_Error: Error retrieving parent for item: No resource found that matches the given name 'android:TextAppearance.Material.Widget.Button.Borderless.Colored'.
Error: Error retrieving parent for item: No resource found that matches the given name 'android:TextAppearance.Material.Widget.Button.Colored'.
Error: Error retrieving parent for item: No resource found that matches the given name 'android:TextAppearance.Material.Widget.Button.Borderless.Colored'.
Error: Error retrieving parent for item: No resource found that matches the given name_ 'android:TextAppearance.Material.Widget.Button.Colored'.
How can i fix it ? Thank you

Compa259 on 4 Jul 2017

@Compa259 I on ice training, later i can write more.
But in short you need change file in node-modules/react-native-fbsdk/??/android/build.gradle to file from link, and may be trunk folder ode-modules/react-native-fbsdk/??/android/build

BATMAH69 on 4 Jul 2017

https://stackoverflow.com/questions/44190829/facebook-sdk-android-error-building

BATMAH69 on 4 Jul 2017

@BATMAH69 Firstly, thank you for your many helps . I did as you said .(above link) .. It was really fixed above bug .. but appears another bug .
These are:
_:app:compileDebugJavaWithJavac - is not incremental (e.g. outputs have changed, no previous execution, etc.).
/Users/user/Coder/Rabiloo/FashionApp/service_fashion_app/android/app/src/main/java/com/fashion/MainApplication.java:43: error:
class, interface, or enum expected
public ReactNativeHost getReactNativeHost() {
^
/Users/user/Coder/Rabiloo/FashionApp/service_fashion_app/android/app/src/main/java/com/fashion/MainApplication.java:45: error:
class, interface, or enum expected
}
^
/Users/user/Coder/Rabiloo/FashionApp/service_fashion_app/android/app/src/main/java/com/fashion/MainApplication.java:48: error:
class, interface, or enum expected
public void onCreate() {
^
/Users/user/Coder/Rabiloo/FashionApp/service_fashion_app/android/app/src/main/java/com/fashion/MainApplication.java:50: error:
class, interface, or enum expected
FacebookSdk.sdkInitialize(getApplicationContext());
^
/Users/user/Coder/Rabiloo/FashionApp/service_fashion_app/android/app/src/main/java/com/fashion/MainApplication.java:52: error:
class, interface, or enum expected
AppEventsLogger.activateApp(this);
^
/Users/user/Coder/Rabiloo/FashionApp/service_fashion_app/android/app/src/main/java/com/fashion/MainApplication.java:53: error:
class, interface, or enum expected
}_
I don't know why .. I followed exactly in React-native-fbsdk Github ...

Compa259 on 4 Jul 2017

@Compa259 I'm not good in native code. But it seems to me that you missed something when setting up. I didn't see this error when configuring sdk.
And compare your files with this.

MainActivity.txt
MainApplication.txt

BATMAH69 on 4 Jul 2017

I was using 0.6.1 and I got the same error, so I did:

npm install [email protected] --save
react-native link react-native-fbsdk

Works well!

jaimecorrea on 6 Jul 2017

👍13 🎉1

@jaimecorrea ,your solution worked for me. Thanks...

Swapnilchavan18 on 9 Jul 2017

👍1

Downgrading react-native-fbsdk from 0.6.1 to 0.6.0 solved the problem for me!

joncursi on 10 Jul 2017

👍12 🎉1

Can also confirm along with @jaimecorrea @Swapnilchavan18 and @joncursi that down grading to 0.6.0 works

jacksgituk on 13 Jul 2017

@joncursi +1 worked for me just downgraded from 0.6.0 and linking worked just fine

Amurmurmur on 14 Jul 2017

The problem is - as far as I see - that the project.pbxproj gets corrupted. I assume this may have multiple reasons.

In my case:

HEADER_SEARCH_PATHS = "$(SRCROOT)/node_modules/react-native/Libraries/PushNotificationIOS";

was incorrectly changed to

HEADER_SEARCH_PATHS = "$(SRCROOT)/node_modules/react-native/Libraries/PushNotificationIOS""PATH_TO_ANOTHER_DEPENDENCY";

instead of

HEADER_SEARCH_PATHS = (
    "$(SRCROOT)/node_modules/react-native/Libraries/PushNotificationIOS",
    "PATH_TO_ANOTHER_DEPENDENCY",
);

My steps to solve it:

Open diff (e.g. git diff or diff tool of trust).
Search for suspicious changes.
Fix it:
- Option 1: Fix suspicious changes by hand.
- Option 2: Revert suspicious code block(s). Open XCode (XCode opens the project when all corrupted changes are reverted). Fix it in XCode. If you don't know how to fix it: Often, there is manual which provides hints.
Rerun react-native link or react-native link <MODULE-NAME>.

rroehrig on 17 Jul 2017

❤1

In my case,react-native-fbsdk was also giving this error when linking and the way I solved it with 0.6.1 was to open node_modules/react-native-fbsdk/ios/ios.xcodeproj on XCode, go to the Build Settings of the project, change some key => save => revert key value => save.

After that, the project.pbxproj inside ios.xcodeproj was updated to the new format (checked with a texteditor) and I could finally run react-native link react-native-fbsdk

reyalpsirc on 25 Jul 2017

👍19

@reyalpsirc Thanks!! It works for me (w/ RN 0.46.4)

kengjungwa on 1 Aug 2017

The fix that worked for me for 0.6.1

cd to_your_project
npm install [email protected] --save
open node_modules/react-native-fbsdk/ios/ios.xcodeproj
create some group
delete the group
react-native link react-native-fbsdk

evgeniyraev on 8 Aug 2017

👍12

I downgraded to [email protected] and it worked for me.

For Android, [email protected]

akshaynaik404 on 14 Aug 2017

👍2

i use a cleanup/install script which works for me, maybe can help you guys as well
package.json

  "dependencies": {
    "moment": "^2.18.1",
    "radio-button-react-native": "^1.1.6",
    "react": "16.0.0-alpha.12",
    "react-native": "0.47.1",
    "react-native-blur": "^3.1.3",
    "react-native-camera": "0.10",
    "react-native-circular-progress": "^0.0.8",
    "react-native-datepicker": "^1.6.0",
    "react-native-easy-grid": "^0.1.15",
    "react-native-easy-toast": "^1.0.6",
    "react-native-fbsdk": "0.6.0",
    "react-native-fs": "^2.5.1",
    "react-native-i18n": "^2.0.4",
    "react-native-linear-gradient": "^2.2.0",
    "react-native-loader": "^1.1.0",
    "react-native-router-flux": "4.0.0-beta.17",
    "react-native-status-bar-size": "^0.3.2",
    "react-native-video": "^1.2.0",
    "react-redux": "^5.0.6",
    "redux": "^3.7.2",
    "redux-thunk": "^2.2.0",
    "sha1": "^1.1.1"
  },
  "devDependencies": {
    "babel-eslint": "^7.2.3",
    "babel-jest": "20.0.3",
    "babel-plugin-transform-class-properties": "^6.24.1",
    "babel-preset-react-native": "2.1.0",
    "eslint": "^4.4.1",
    "eslint-config-google": "^0.9.1",
    "eslint-plugin-class-property": "^1.0.6",
    "eslint-plugin-react": "^7.2.1",
    "jest": "20.0.4",
    "react-test-renderer": "~15.6.1"
  },

cleanup.sh

#!/usr/bin/env bash

watchman watch-del-all 1>/dev/null

rm -rf node_modules 1>/dev/null
rm -rf yarn.lock  1>/dev/null
rm -rf package-lock.json 1>/dev/null
rm -rf $TMPDIR/react-packager-* 1>/dev/null
rm -rf ios/build 1>/dev/null

npm cache clear --force -s 1>/dev/null
npm cache verify 1>/dev/null

yarn
yarn add [email protected]

react-native link

feel free to ignore the cleanup part on the script

for some unknown reasons if you don't install [email protected] before linking, it will return error in the react-native link
i'll let you guys know if i figured it out :)

blackavec on 15 Aug 2017

👍2 🎉1

Error is still happening for me. I did a fresh install of 0.6.0 but the linking step gives me the same error.

jonching on 18 Aug 2017

+1, still happening here

victorbadila on 6 Sep 2017

Still have the issue on the latest version. Reverted to 0.6.0 and it links fine.

jslok on 10 Sep 2017

👍1

@BATMAH69 I have implemented same as you have provided solution here.

MainApplication.java And MainActivity.java is same as you have suggested in respective txt file.
And in build.gradle file have added following lines.
```
compile(project(':react-native-fbsdk')){
exclude(group: 'com.facebook.android', module: 'facebook-android-sdk')
}
compile "com.facebook.android:facebook-android-sdk:4.22.1"

Even though I got this issue.

Full recompilation is required because 'FBSDKPackage.java' was changed. Analysis took 0.026 secs.
/var/www/html/mobileApp/node_modules/react-native-fbsdk/android/src/main/java/com/facebook/reactnative/androidsdk/FBSDKPackage.java:61: error: method does not override or implement a method from a supertype
@Override
^
Note: Some input files use or override a deprecated API.
Note: Recompile with -Xlint:deprecation for details.
Note: /var/www/html/mobileApp/node_modules/react-native-fbsdk/android/src/main/java/com/facebook/reactnative/androidsdk/Utility.java uses unchecked or unsafe operations.
Note: Recompile with -Xlint:unchecked for details.
1 error
:react-native-fbsdk:compileReleaseJavaWithJavac FAILED

FAILURE: Build failed with an exception.

What went wrong:
Execution failed for task ':react-native-fbsdk:compileReleaseJavaWithJavac'.

Compilation failed; see the compiler error output for details.
Try:
Run with --stacktrace option to get the stack trace. Run with --info or --debug option to get more log output.

BUILD FAILED
``But when I comment@Overridein the filenode_modules/react-native-fbsdk/android/src/main/java/com/facebook/reactnative/androidsdk/FBSDKPackage.javaat line 61 abovecreateJSModules()`. It installed the App in emulator. But App does not starts.

harish-rw on 12 Sep 2017

@harish-rw I use solution first solution from https://stackoverflow.com/a/44191712

You can resolve this by Changing your node_modulesreact-native-fbsdk\androidbuild.gradle from:
compile('com.facebook.android:facebook-android-sdk:4.+')
To:
compile('com.facebook.android:facebook-android-sdk:4.22.1')

Sorry, I didn't try another :)

But you can try this one https://stackoverflow.com/a/44205756 it force то sdk version

BATMAH69 on 12 Sep 2017

@BATMAH69 Thanks for taking your precious time to respond me.
I have already applied this solutions. But this has not worked.
Even I have downgraded react-native-fbsdk version to 0.5.0, I have tried react-native-fbsdk version 0.6.1, 0.6.0, 0.5.0. All of these has not worked.

Here are my changes.
In this file node_modules/react-native-fbsdk/android/build.gradle

apply plugin: 'com.android.library'

android {
    compileSdkVersion 23
    buildToolsVersion "23.0.1"

    defaultConfig {
        minSdkVersion 16
        targetSdkVersion 23
        versionCode 1
        versionName "1.0"
    }
    buildTypes {
        release {
            minifyEnabled false
            proguardFiles getDefaultProguardFile('proguard-android.txt'), 'proguard-rules.pro'
        }
    }
}

dependencies {
    compile fileTree(dir: 'libs', include: ['*.jar'])
    testCompile 'junit:junit:4.12'
    compile 'com.android.support:appcompat-v7:23.1.0'
    compile 'com.facebook.react:react-native:+' // support react-native-v0.22-rc+
    compile('com.facebook.android:facebook-android-sdk:4.22.1')
}

In the file mobileApp/android/app/build.gradle

dependencies {
    compile project(':react-native-fbsdk')
    compile project(':react-native-push-notification')
    compile project(':react-native-image-crop-picker')
    compile project(':react-native-svg')
    compile project(':react-native-fetch-blob')
    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
}

MainApplication.java

package com.mobileApp;
import android.app.Application;
import com.facebook.FacebookSdk;
import com.facebook.CallbackManager;
import com.facebook.appevents.AppEventsLogger;
import com.facebook.react.ReactApplication;
import com.facebook.reactnative.androidsdk.FBSDKPackage;
import com.dieam.reactnativepushnotification.ReactNativePushNotificationPackage;
import com.reactnative.ivpusic.imagepicker.PickerPackage;
import com.horcrux.svg.SvgPackage;
import com.RNFetchBlob.RNFetchBlobPackage;
import com.oblador.vectoricons.VectorIconsPackage;
import com.facebook.react.ReactNativeHost;
import com.facebook.react.ReactPackage;
import com.facebook.react.shell.MainReactPackage;
import com.facebook.soloader.SoLoader;
import java.util.Arrays;
import java.util.List;

public class MainApplication extends Application implements ReactApplication {

  private static CallbackManager mCallbackManager = CallbackManager.Factory.create();

  public static CallbackManager getCallbackManager() {
    return mCallbackManager;
  }

  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 FBSDKPackage(mCallbackManager),
            new ReactNativePushNotificationPackage(),
            new PickerPackage(),
            new SvgPackage(),
            new RNFetchBlobPackage(),
            new VectorIconsPackage()
      );
    }
  };

  @Override
  public ReactNativeHost getReactNativeHost() {
    return mReactNativeHost;
  }

  @Override
  public void onCreate() {
    super.onCreate();
    FacebookSdk.sdkInitialize(getApplicationContext());
    SoLoader.init(this, /* native exopackage */ false);
  }
}

MainActivity.java

package com.mobileApp;
import com.facebook.react.ReactActivity;
import android.content.Intent;

public class MainActivity extends ReactActivity {

    /**
     * Returns the name of the main component registered from JavaScript.
     * This is used to schedule rendering of the component.
     */
    @Override
    protected String getMainComponentName() {
        return "mobileApp";
    }

    @Override
    public void onActivityResult(int requestCode, int resultCode, Intent data) {
        super.onActivityResult(requestCode, resultCode, data);
        MainApplication.getCallbackManager().onActivityResult(requestCode, resultCode, data);
    }
}

Please guide how can I resolve this.

harish-rw on 15 Sep 2017

I use 0.6.0 version. I not very good in native code, can only show mine =)

In this file node_modules/react-native-fbsdk/android/build.gradle

apply plugin: 'com.android.library'

android {
    compileSdkVersion 23
    buildToolsVersion "23.0.1"

    defaultConfig {
        minSdkVersion 16
        targetSdkVersion 23
    }
    buildTypes {
        release {
            minifyEnabled false
            proguardFiles getDefaultProguardFile('proguard-android.txt'), 'proguard-rules.pro'
        }
    }
}

dependencies {
    compile 'com.android.support:appcompat-v7:23.0.1'
    compile 'com.facebook.react:react-native:+' // support react-native-v0.22-rc+
    compile('com.facebook.android:facebook-android-sdk:4.22.1')
}

dependencies {
    compile project(':react-native-testfairy')
    compile project(':react-native-fetch-blob')
    compile project(':react-native-camera')
    compile project(':react-native-fbsdk')
    compile fileTree(dir: "libs", include: ["*.jar"])
    compile "com.android.support:appcompat-v7:23.0.1"
    compile "com.facebook.react:react-native:+"  // From node_modules
}

MainApplication.java & MainActivity.java are same as in my comment higher.

BATMAH69 on 15 Sep 2017

I am using RN 0.47.2 and I have followed successfully this suggestion: https://github.com/facebook/react-native/issues/10032#issuecomment-317710597

open the mentioned file with Xcode
open Build settings
change any items
revert it to what it was (for example set a Yes to No then back to Yes)

now you can run react-native link react-native-fbsdk without errors

fabriziomoscon on 16 Sep 2017

This was reliably working for me on one system and not on another, so managed to narrow this down to being an encoding issue. We were able to confirm this using a freshly init'ed project using the latest cli (2.0.1).

A successful workaround for me is to explicitly unset the LANG environment variable when running link or install (install is a wrapper around npm install/yarn add and link):

LANG= react-native link react-native-fbsdk

Does this work for anyone else?

piemonkey on 25 Sep 2017

👎4 👍2 ❤1

@piemonkey
Thank you - worked great and fixed the problem!!!!

gjerris on 27 Sep 2017

while we await the merge of fbsdk, the problem can be bypassed with manual installation:

yarn add https://github.com/facebook/react-native-fbsdk.git#47b906a

Android already works

For IOS, is necessary manual installation

tested in RN 0.48.4

ArmandoAssuncao on 3 Oct 2017

@ArmandoAssuncao Using that commit hash didn't make any difference to me, I still have the same problem. Admittedly I'm on RN 0.47.2, but I don't know if that makes a difference as I tested previously with a fresh 0.48.x project. What's your LANG environment variable set to? Mine is en_GB.UTF-8.

piemonkey on 3 Oct 2017

@piemonkey the problem can be bypassed with manual installation, but not fixed. I wrote wrong, sorry.
Btw, my LANG is en_US.UTF-8.

ArmandoAssuncao on 4 Oct 2017

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Maybe the issue has been fixed in a recent release, or perhaps it is not affecting a lot of people. If you think this issue should definitely remain open, please let us know why. Thank you for your contributions.

stale[bot] on 2 Dec 2017

I've just tested this on a new project (react-native-cli 2.0.1, react-native 0.50.4, react-native-fbsdk 0.6.3) and it seems to work, so I guess this could be marked as closed.

piemonkey on 4 Dec 2017

@piemonkey both ios and android?

victorbadila on 4 Dec 2017

As far as I know this bug was only on iOS, that's the only place I saw the results the OP reported and I don't think there are any comments which contradict me. I believe the problems mentioning Android above are related to a different bug which I reported on their private bug tracker and got pseudo-ignored. I'm going to check if that's still an issue and try to re-open if it is. If that report accurately describes your symptoms, I'd suggest pushing for fixes over there.

piemonkey on 5 Dec 2017

A work around that take to solve this issue is like below:

take a backup of android & ios directory
delete android & ios directory
in project folder execute "react-native eject" which will create android & ios directory.
just in case you have some custom setting you can take it from the backup in step 1.

EvanGeminika on 9 Dec 2017

@VanMen I haven't tested your fix because I beleive it's fixed with the latest releases. Given that it used to occur with a fresh project with no changes to the android or ios code I'd be surprised if that workaround made any difference.

I'd be interested if anyone is still seeing this or if it can be marked as closed.

piemonkey on 12 Dec 2017

For me the problem was that, react native link was generating this:

HEADER_SEARCH_PATHS = "$(SRCROOT)/..""$(SRCROOT)/../node_modules/appcenter/ios/AppCenterReactNative";

instead of this:

HEADER_SEARCH_PATHS = (
  "$(SRCROOT)/..",
  "$(SRCROOT)/../node_modules/appcenter/ios/AppCenterReactNative",
);

so I think the problem is in this file: react-native/local-cli/link/ios/addToHeaderSearchPaths.js

notgiorgi on 15 Dec 2017

this case if you use "yarn"
you need just run npm install then react-native link working with me

AbdelhalimAhmed on 15 Jan 2018

Hey there, it looks like there has been no activity on this issue recently. Has the issue been fixed, or does it still require the community's attention? This issue may be closed if no further activity occurs. You may also label this issue as "For Discussion" or "Good first issue" and I will leave it open. Thank you for your contributions.

stale[bot] on 4 Jun 2018

Closing this issue after a prolonged period of inactivity. If this issue is still present in the latest release, please feel free to create a new issue with up-to-date information.

stale[bot] on 4 Jul 2018

Was this page helpful?

0 / 5 - 0 ratings