React Native Runtime Error: No native client found. Is Bugsnag React Native installed in your native code project?

Question

I am trying to integrate bugsnag to my react native application. The app builds successfully but when the app loads on a simulator or emulator it throws an exception

Bugsnag: No native client found. Is BugsnagReactNative installed in your native code project?
Client

<unknown>
    global.js:4:27
loadModuleImplementation
    require.js:331:6
<unknown>
    index.android.js:9
loadModuleImplementation
    require.js:331:6
guardedLoadModule
    require.js:197:45
global code

I have updated my AndroidManifest.xml, MainApplication.java, Info.plist, build.gradle to include the api-key and bugsnag-react-native was successful too.

my package.json versions look like

"react": "16.8.3",
"react-native": "0.59.10",
"bugsnag-react-native": "^2.23.2",

AndroidManifest.xml

 <meta-data android:name="com.bugsnag.android.API_KEY"
               android:value="API KEY"/>

MainApplication.java

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

info.plist

<key>BugsnagAPIKey</key>
<string>API KEY</string>

@PhilAndrews in your settings.gradle under android add the automatically generated import when you did the link from terminal under ` include ':app' include ':bugsnag-react-native' project(':bugsnag-react-native').projectDir = new File(rootProject.projectDir, '../node_modules/bugsnag-react-native/android') ` make sure you have binaries linked in your Xcode ` libz.tbd and libBugsnagReactNative.a ` inside your mainapplication.java add the line below under the packages object ` new MainReactPackage(), BugsnagReactNative.getPackage() ` That should do it — , Oct 10 '19 at 18:31

fhomovc · Answer 1 · 2019-10-04T18:11:30.813

0

From Bugsnag Basic Configuration, you are missing the following:

Import and initialize Bugsnag within your app’s entry point, typically index.js (or index.ios.js and index.android.js):

import { Client } from 'bugsnag-react-native';
const bugsnag = new Client('YOUR-API-KEY-HERE');

You don't need to have the key value in the info.plist file unless you are loading the value from there (which I think you are not)

edited Oct 04 '19 at 18:11

answered Oct 04 '19 at 18:05

fhomovc

301
3
15

I have already done that just forgot to add it to the question. – Oct 05 '19 at 15:34
On what platform are you having this issue? Android or iOS? – fhomovc Oct 06 '19 at 16:36
Did you add `BugsnagReactNative.getPackage()` inside `getPackages()` in your MainApplication? – fhomovc Oct 06 '19 at 16:47
On both platforms – Oct 07 '19 at 14:14
Adding BugsnagReactNative.getPackage() wont build the app – Oct 07 '19 at 17:10
illegal character: '\u200b' BugsnagReactNative.getPackage() I get this error during build when i add BugsnagReactNative.getPackage() inside getPackages() – Oct 09 '19 at 19:29
Check this question please https://stackoverflow.com/questions/35657620/illegal-character-error-u200b – fhomovc Oct 16 '19 at 09:09

score 0 · Accepted Answer · answered Oct 10 '19 at 18:40

if you did react-native link bugsnag-react-native. Then you will need following changes if you are having this issue. I found the solution.

In you Android/settings.gradle put the include bugsnag-react-native under include ':app'

include ':app'
include ':bugsnag-react-native'
project(':bugsnag-react-native').projectDir = new File(rootProject.projectDir, '../node_modules/bugsnag-react-native/android')

make sure you have binaries linked in your Xcode. To do so select your project in Xcode, click build phases, link binary with libraries and add the following libraries. To manually import bugsnag-react-native from node_modules in Xcode follow the link below

libz.tbd and 
libBugsnagReactNative.a

In your MainApplication.java add the line in getPackages()

protected List<ReactPackage> getPackages() {
    return Arrays.<ReactPackage>asList(
new MainReactPackage(), BugsnagReactNative.getPackage()

That should do the work.

Bugsnag Docs Manual linking

score 0 · Answer 3 · answered Apr 30 '20 at 14:01

0

In your MainApplication.java, you may need to add the following to the top section of the file:

import com.bugsnag.BugsnagReactNative;

answered Apr 30 '20 at 14:01

Sators

2,746
1
20
26

React Native Runtime Error: No native client found. Is Bugsnag React Native installed in your native code project?

3 Answers3