added ImagePicker.openPicker from example and the app will not start

[mirco123]

Version

Tell us which versions you are using:

• react-native-image-crop-picker v0.39.0 but I have also tried v0.38.1
• react-native v0.71.8

Platform

I am developing on expo

Expected behaviour

I expect the app to sart and on the appropriate screen the picker to open

Actual behaviour

The app will not even start. iOs Bundling will complete, and following error will appear in the console : ERROR TypeError: Cannot read property 'openPicker' of null, js engine: hermes ERROR Invariant Violation: "main" has not been registered. This can happen if:

• Metro (the local dev server) is run from the wrong folder. Check if Metro is running, stop it and restart it in the current project.
• A module failed to load due to an error and AppRegistry.registerComponent wasn't called., js engine: hermes

the same happens if I just copy-paste the App.js from examples

Steps to reproduce

1. use your example

2. npm start

Attachments

My test code is very simple. I use import ImagePicker from 'react-native-image-crop-picker';

and in my code

ImagePicker.openPicker({
			width: 300,
			height: 400,
			cropping: true
		}).then(image => {
			console.log(image);
		});

[jsheffers]

I can confirm this does not work in v0.40.0 either. Looks like the following code is not working anymore:

import {NativeModules} from 'react-native';

const ImageCropPicker = NativeModules.ImageCropPicker;

In my case ImageCropPicker is null

[Flow-Flow-Flow]

same issue, did someone found a solution ?

[GabrielMurry]

Keeping this thread alive because I'm still facing this issue

[mirco123]

me too

[11arshaan]

I had the same error. After looking at the index.js file of the node_module, it seemed the error was with the NativeModules feature of React Native.

The solution is to rebuild the app.

1. Close simulator and server
2. Run npx run:ios

[Josh2941]

Same error for me too. I am using the below versions

"react-native": "0.70.6", "react-native-image-crop-picker": "0.40.0",

[haiyo]

Same error doesnt work. Gotta move on to another module :(

[a-creation]

Same error here. Tried to uninstall + reinstall. Tried installing pods. Tried clearing the cache. Nothing seems to work.

[mirco123]

I have just tried the new version [email protected] with [email protected] and [email protected] Same crash message.

[Xaypanya]

I have just tried the new version [email protected] with [email protected] and [email protected] Same crash message.

Have you found any solution?

[spinoza1791]

0.40.0 w RN 0.70.12 works for me.

[arivanbastos]

Hi guys, any workaround? Same error here:

[email protected] [email protected] [email protected]

[rajavarri]

I got the same issue ,Cleaning the build and running pod install fixed this for me.(react native cli)

[thisoo]

same issue, did someone found a solution ?

[LJW123]

it worked for me

Android VERY IMPORTANT Add the following to your build.gradle's repositories section. (android/build.gradle) allprojects { repositories { mavenLocal() jcenter() maven { url "$rootDir/../node_modules/react-native/android" }

  // ADD THIS
  maven { url 'https://maven.google.com' }

  // ADD THIS
  maven { url "https://www.jitpack.io" }
}

} Add useSupportLibrary (android/app/build.gradle) android { ...

defaultConfig {
    ...
    vectorDrawables.useSupportLibrary = true
    ...
}
...

} Use Android SDK >= 26 (android/app/build.gradle) android { compileSdkVersion 27 buildToolsVersion "27.0.3" ...

defaultConfig {
  ...
  targetSdkVersion 27
  ...
}
...

}

[vincicat]

Can confirm part of the issue because of the cache of Metro/XCode/Android studio(Gradle)

!!! caution !!!

Make sure you did the step 3 of the installation guide. (RN > 0.71 need to do the maven path setup, RN 0.70 should have the maven path set by google() & already included the jitpack.io maven)

steps:

1. run standalone metro to see if you see the watchman warning (which require you to run watchman watch-del and watchman watch-project on the project path)
2. restart your metro and reset its cache: yarn react-native start --reset-cache
3. if the errors insist, go to XCode/Android studio to clean the project and rebuild the binaries again.
   • XCode: if 'Clean Build Folder' isn't work for you, go to ios/ folder, run pod deintegrate and pod install to fully reinstall all the pod then build again.
   • Android Studio: if '('build' menu) Clean Project' isn't work for you, run '('build' menu) Refresh Linked C++ project' and build the project again

[supermed97]

Same exact issue is happening to me as well. Did all the steps in Xcode as requited per Step 3 and I get the same exact error

[progtarek]

Have the same issue!!

[adityakumar0156]

please help, i am also facing the same issue, im working in expo env

[moin-nimblechapps]

I have same issue but when i uninstall the app and restart the metro server my application image picker is working fine.

[lotusms]

npx expo start, or 'npm run start if you have it assigned to a process in your package.json, will not start it because it doesn't work in the metro. Instead, use npx expo run:ios or npx expo run:android, or their npm counterparts if you have them assigned to a process in the package.json file. For me they're npm run ios and npm run android. This will make the app run natively

It would be nice if the collaborators could work on making it accessible to the metro so that we can test it on expo go. Specially since the camera cant be accessed through a simulator

[tungxuando]

1. Stop all processes
2. npx pod-install
3. npm i
4. Clear build folder/derived data folder/clear simulator
5. npx react-native start --reset-cache
6. npx react-native run-ios or npx react-native run-android

[shivam27k]

0.40.0 w RN 0.70.12 works for me.

how? can you share