react-native-animatable icon indicating copy to clipboard operation
react-native-animatable copied to clipboard

JS Engine Hermes: Typeerror: Cannot read property 'createNode' of null

Open tushargoyalofficial opened this issue 5 years ago • 43 comments

We have a project over RN v0.61.5. We are using React Navigation v4. We are facing this error while using your library. Please help me out.

Screenshot 2020-03-09 at 1 15 14 PM

tushargoyalofficial avatar Mar 09 '20 07:03 tushargoyalofficial

Did you find any solution for this? I am having this issue.

nadunliyanage avatar Mar 19 '20 00:03 nadunliyanage

I am also facing the same issue.

PrasadGhan avatar Mar 19 '20 12:03 PrasadGhan

Me too.

nikolai-git-house avatar Mar 27 '20 08:03 nikolai-git-house

Any solution here?

nikolai-git-house avatar Mar 27 '20 08:03 nikolai-git-house

me 2, any news?

Nirony avatar Apr 05 '20 13:04 Nirony

try to clear the cache.

npx react-native start --reset-cache

saravanakumargn avatar Apr 15 '20 08:04 saravanakumargn

getting the same error, when adding webrtc code that works on the browser... found this issue by googling the error, anyone understand it?

chagai95 avatar Jun 19 '20 14:06 chagai95

the solution was the correct native configuration in Java files. as mentioned in docs of the router flux

tushargoyalofficial avatar Jun 23 '20 14:06 tushargoyalofficial

This issue comes when gesture handler is not configured correctly in the RN app for android.

tushargoyalofficial avatar Jun 23 '20 14:06 tushargoyalofficial

Can you link to these places or can I easily find them on google? I don't wanna take the wrong stuff thanks! Are you sure about this? are there any other possible reasons? I get it when I add my type script files to a non type script react native app and also when I add the generated JavaScript files from these typescript files...Thanks again!

chagai95 avatar Jun 23 '20 15:06 chagai95

Same issue here ... Any one know why it happens, and what is the solution ?

bona-ws avatar Jun 26 '20 15:06 bona-ws

+1

@tushargoyalofficial checked the the gesture handler configuration again and again

grafosecondo avatar Jul 09 '20 06:07 grafosecondo

any fix?

hasgardee avatar Jul 23 '20 11:07 hasgardee

This is caused due to incorrect import for Easing animation. Please make sure it is added under 'react-native'. Auto importing Easing causes this error.

Divyanshu-Grover avatar Jul 30 '20 15:07 Divyanshu-Grover

This is caused due to incorrect import for Easing animation. Please make sure it is added under 'react-native'. Auto importing Easing causes this error.

Please tell me more about fixing this issue. How to import Easing animation? Thank you.

tuandv1311 avatar Aug 06 '20 04:08 tuandv1311

Deleting node_modules and running yarn(or npm install) worked for me

kiranjd avatar Nov 24 '20 11:11 kiranjd

getting the same issue after migrating from v0.59.0 to 0.60.5, it occurs on Android only. deleting node_modules and reset cache didn't solve the issue.

"react-native": "0.60.5", "react-native-gesture-handler": "1.10.3", "react-navigation": "^3.0.9",

Ahmed-Imam avatar Apr 15 '21 09:04 Ahmed-Imam

The problem is with with react-native-reanimated. Follow the procedure as in https://docs.swmansion.com/react-native-reanimated/docs/installation/ It should work fine now. If it doesn't, try fixing react-native-gesture-handler as in https://docs.swmansion.com/react-native-gesture-handler/docs/#installation

mitrukahitesh avatar May 21 '21 09:05 mitrukahitesh

The error is very dynamic. Check your main configuration files that everything is ok. In my case, in the .env I had an incorrect value that was needed for the state of the app.

jdhl27 avatar Aug 09 '22 11:08 jdhl27

is this issue fixed, am facing the same, have tried all the above mentioned fixes but did not work

trinachaudhuri-ctri avatar Aug 16 '22 09:08 trinachaudhuri-ctri

+++

77TecShaeer avatar Nov 16 '22 10:11 77TecShaeer

In my project it was cause by react native reanimated which i had to install while using the drawer in react navigation. All I had to do was to add reanimated's babel plugin in my babel.config file and did a cache reset to fix the error and run the app. The instructions to add the plugin and reset cache is given in this link. https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/installation/

taranga99 avatar Nov 18 '22 10:11 taranga99

remove this one in Index.js (react native) -> import 'react-native-gesture-handler';

ryyvv avatar Dec 03 '22 08:12 ryyvv

In my case the emulator was just not able to connect to the bundler.

Make sure adb is installed and the path variable is set up correctly. If needed, run adb reverse tcp:8081 tcp:8081 to forward the port. Sometimes it is required to edit the bundler location using Ctrl+m/Cmd+m too.

SmartArray avatar Dec 06 '22 08:12 SmartArray

the solution was the correct native configuration in Java files. as mentioned in docs of the router flux

what should i do, cuz im having the same error

Xlizer1 avatar Dec 18 '22 14:12 Xlizer1

idk how it works but here's what i've tried which fixed this error (I was working on stack navigator for iOS)

  1. addimport 'react-native-gesture-handler'; right after @format in index.js
  2. delete node_modules
  3. npm i -f
  4. npm install @react-native-masked-view/masked-view -f
  5. npx pod-install ios

strawberryCheeseCake2 avatar Jan 03 '23 13:01 strawberryCheeseCake2

Check this

[image: image.png]

On Tue, Dec 6, 2022 at 4:52 PM Yoshi Jäger @.***> wrote:

In my case the emulator was just not able to connect to the bundler.

Make sure adb is installed and the path variable is set up correctly. If needed, run adb reverse tcp:8081 tcp:8081 to forward the port

— Reply to this email directly, view it on GitHub https://github.com/oblador/react-native-animatable/issues/304#issuecomment-1338982068, or unsubscribe https://github.com/notifications/unsubscribe-auth/AFOPHG43UF2TSRXSAN3N7RTWL35DXANCNFSM4LEC4GTA . You are receiving this because you commented.Message ID: @.***>

ryyvv avatar Jan 08 '23 05:01 ryyvv

if the emulator is not working properly

On Sun, Jan 8, 2023 at 1:46 PM ryanpascual @.***> wrote:

Check this

[image: image.png]

On Tue, Dec 6, 2022 at 4:52 PM Yoshi Jäger @.***> wrote:

In my case the emulator was just not able to connect to the bundler.

Make sure adb is installed and the path variable is set up correctly. If needed, run adb reverse tcp:8081 tcp:8081 to forward the port

— Reply to this email directly, view it on GitHub https://github.com/oblador/react-native-animatable/issues/304#issuecomment-1338982068, or unsubscribe https://github.com/notifications/unsubscribe-auth/AFOPHG43UF2TSRXSAN3N7RTWL35DXANCNFSM4LEC4GTA . You are receiving this because you commented.Message ID: @.***>

ryyvv avatar Jan 08 '23 05:01 ryyvv

Solution ✅

  1. Make sure you added reanimated to your babel.config.js like this:
module.exports = {
  presets: ['module:metro-react-native-babel-preset'],
  plugins: ['react-native-reanimated/plugin'],
};
  1. After updating your babel.config.js restart your server with the following command:
yarn start --resetCache
  1. Finally, delete your App from your simulator. Then run on Android by pressing a in your terminal

Screenshot 2023-02-18 at 12 24 09 PM

I hope this helps.

betomoedano avatar Feb 18 '23 17:02 betomoedano

Awesome, thanks!

On Sun, Feb 19, 2023 at 1:25 AM Alberto @.***> wrote:

Solution ✅

  1. Make sure you added reanimated to your babel.config.js like this:

module.exports = {

presets: ['module:metro-react-native-babel-preset'],

plugins: ['react-native-reanimated/plugin'],

};

  1. After updating your babel.config.js restart your server with the following command:

yarn start --resetCache

  1. Finally, delete your App from your simulator. Then run on Android by pressing a in your terminal

[image: Screenshot 2023-02-18 at 12 24 09 PM] https://user-images.githubusercontent.com/43630417/219879603-89b8eb09-4f5e-4be2-a763-afbad8fc5741.png

I hope this helps.

— Reply to this email directly, view it on GitHub https://github.com/oblador/react-native-animatable/issues/304#issuecomment-1435722132, or unsubscribe https://github.com/notifications/unsubscribe-auth/AFOPHG3V2QZWVMKP7PNWXZTWYEAZNANCNFSM4LEC4GTA . You are receiving this because you commented.Message ID: @.***>

ryyvv avatar Feb 21 '23 04:02 ryyvv

good afternoon, please i need help for this error: TypeError: Cannot read property 'configure' of undefined, js engine: hermes

Chrisigho avatar May 01 '23 13:05 Chrisigho