React-native: "not implemented" error when upgrading react-native from 0.57.8 to 0.59.8 or 0.59.9

[kaisontan]

Hi, I was upgrading my react-native Android app from v0.57.8 to v0.59.9. However, after upgrading, my app can not start and stuck at the "not implemented" error as shown below:

I try to downgrade to v0.59.8 but still hit the same error. After an investigation, I found out the issues is properly due to importing, I tried to comment out some import and my app can start. I have cross check all the imports was fine, but have no idea why hit "not implemented" error.

In addition, since in v0.59.0, there are changes in Metro, where a new file metro.config.js was added for inline requires features as below:

I tried to set the inlineRequired to true. My app can start at first, but click on a button will cause "not implemented" error to pop up again. So, I suspect the error is caused by Importing/Require in the new Metro. I also tried to build production version and it crashed when open.

Any idea what is the cause for this issue? Thank you for your help.

React Native version:

Steps To Reproduce

1. upgrade to react-native to v0.59.9 from v0.57.8.

Describe what you expected to happen:

1. The app should start normally.

[kelset]

Hello there 👋 this issue seems to be related to your experience upgrading between versions. We know this has been a long lasting pain for the community so starting v0.59 we have introduced a new flow via the new CLI.

I'd suggest you use rn-diff-repo to double check that you did all the necessary steps/changes while upgrading.

Also, maybe it's just a matter of some cache not being cleaned properly? Try running:

rm -rf node_modules;
rm -rf $TMPDIR/react-native-packager-cache-*;
rm -rf $TMPDIR/metro-*;
rm -rf $TMPDIR/react-*;
rm -rf $TMPDIR/haste-*;
watchman watch-del-all;
yarn;
yarn start --reset-cache; (for starting the bundler)

Given that this is not strictly a bug with the library itself I'll close this, but if you can create a repro that has this issue with a freshly created react-native init project we can reopen it and investigate it further 🤗

[markowork]

@kaisontan did you fix this, I have the same issue :/

[kaisontan]

Hi, @markowork . Yes, I managed to solved this.

I found out the issues is due to importing of module 'url-search-params' in one of my file. I solved by removing the import, install another package and override global polyfill.

You can read more from this post:
https://github.com/facebook/react-native/issues/23922

Hope this help you.

[markowork]

Thank you @kaisontan, it did!