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

tushargoyalofficial · 2020-03-09T07:51:27Z

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.

nadunliyanage · 2020-03-19T00:33:32Z

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

PrasadGhan · 2020-03-19T12:19:42Z

I am also facing the same issue.

nikolai-git-house · 2020-03-27T08:29:15Z

Me too.

nikolai-git-house · 2020-03-27T08:29:23Z

Any solution here?

Nirony · 2020-04-05T13:09:53Z

me 2, any news?

chagai95 · 2020-06-19T14:25:41Z

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

tushargoyalofficial · 2020-06-23T14:56:50Z

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

tushargoyalofficial · 2020-06-23T14:57:54Z

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

chagai95 · 2020-06-23T15:02:06Z

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!

bona-ws · 2020-06-26T15:04:43Z

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

grafosecondo · 2020-07-09T06:15:08Z

+1

@tushargoyalofficial checked the the gesture handler configuration again and again

hasgardee · 2020-07-23T11:57:20Z

any fix?

Divyanshu-Grover · 2020-07-30T15:42:25Z

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.

tuandv1311 · 2020-08-06T04:37:08Z

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.

kiranjd · 2020-11-24T11:32:31Z

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

Ahmed-Imam · 2021-04-15T09:51:04Z

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",

mitrukahitesh · 2021-05-21T09:16:19Z

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

jdhl27 · 2022-08-09T11:14:41Z

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.

trinachaudhuri-ctri · 2022-08-16T09:02:04Z

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

77TecShaeer · 2022-11-16T10:45:02Z

+++

taranga99 · 2022-11-18T10:17:51Z

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/

ryyvv · 2022-12-03T08:18:32Z

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

SmartArray · 2022-12-06T08:52:00Z

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.

Xlizer1 · 2022-12-18T14:45:51Z

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

strawberryCheeseCake2 · 2023-01-03T13:24:38Z

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

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

ryyvv · 2023-01-08T05:47:03Z

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 <#304 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AFOPHG43UF2TSRXSAN3N7RTWL35DXANCNFSM4LEC4GTA> . You are receiving this because you commented.Message ID: ***@***.***>

ryyvv · 2023-01-08T05:47:55Z

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 > <#304 (comment)>, > or unsubscribe > <https://github.com/notifications/unsubscribe-auth/AFOPHG43UF2TSRXSAN3N7RTWL35DXANCNFSM4LEC4GTA> > . > You are receiving this because you commented.Message ID: > ***@***.***> >

betomoedano · 2023-02-18T17:25:31Z

Solution ✅

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'],
};

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

yarn start --resetCache

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

I hope this helps.

ryyvv · 2023-02-21T04:01:49Z

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 <#304 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AFOPHG3V2QZWVMKP7PNWXZTWYEAZNANCNFSM4LEC4GTA> . You are receiving this because you commented.Message ID: ***@***.***>

Chrisigho · 2023-05-01T13:20:19Z

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

dansau84 · 2023-07-04T20:12:07Z

any help on this persistant error that nobody helped so far ? many users affected!!! expo native react project

cph2117 · 2023-07-19T01:32:52Z

The following solved it for me:
npx expo install react-native-gesture-handler react-native-reanimated react-native-screens react-native-safe-area-context @react-native-community/masked-view
then import 'react-native-gesture-handler'; above all other imports in App.js.

It's required by React Native Navigation as detailed here, but for whatever reason only breaks when it's built.

Hardly002 · 2023-08-10T14:21:13Z

Check imports! For me, the problem was that I imported react-native elements from react.

tribeless · 2023-10-22T08:27:32Z

I fixed it by upgrading the two packages to:
"react-native-image-picker": "^7.0.1",
"react-native-reanimated": "^3.5.4",

bugra-kara · 2023-10-31T11:37:14Z

I fixed it by upgrading the two packages to:
"react-native-image-picker": "^7.0.1",
"react-native-reanimated": "^3.5.4",

it worked for me, thanks!

NewvilleMedia · 2023-11-17T04:33:00Z

This worked for me
npm install @react-navigation/native-stack@latest
then use Xcode to clean build.

I asked ChatGPT for this and got the solution

PrabhathR-99 · 2024-02-25T15:19:56Z

If you are using ios or Mac make sure that you have run pod install in the ios folder
cd ios pod install cd ..
Try to go with 'react-native-gesture-handler": "^2.8.0"', may be the new version is not working with your project, (npm install react-native-gesture-handler@2.8.0).

Vyacheslav1557 · 2024-05-01T20:50:44Z

any help

This error is located at:
    in App
    in RCTView (created by View)
    in View (created by AppContainer)
    in RCTView (created by View)
    in View (created by AppContainer)
    in AppContainer
    in second(RootComponent), js engine: hermes
 ERROR  TypeError: Cannot read property 'lockToLandscape' of null

This error is located at:
    in App
    in RCTView (created by View)
    in View (created by AppContainer)
    in RCTView (created by View)
    in View (created by AppContainer)
    in AppContainer
    in second(RootComponent), js engine: hermes

Ali136384 · 2024-05-18T07:19:20Z

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

yes,the problem is from a library I`ve installed, so just check the libraries u using .

maztapee · 2024-05-24T19:06:26Z

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

This worked for me as of just now

ganeshtak19 · 2024-10-08T10:24:22Z

I am facing this issue
TypeError: Cannot read property 'config' of undefined, js engine: hermes

"react-native-gesture-handler": "2.16.2",
"react-native-reanimated": "^3.15.4",

I have tried all above solutions but none of them worked for me.

xianguoGou mentioned this issue Dec 15, 2022

react-native 从 v0.61.4 升级到 v0.70.6 踩坑指南 jinshuju/tech-blog#12

Open

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

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

Comments

tushargoyalofficial commented Mar 9, 2020

nadunliyanage commented Mar 19, 2020

PrasadGhan commented Mar 19, 2020

nikolai-git-house commented Mar 27, 2020

nikolai-git-house commented Mar 27, 2020

Nirony commented Apr 5, 2020

chagai95 commented Jun 19, 2020

tushargoyalofficial commented Jun 23, 2020

tushargoyalofficial commented Jun 23, 2020

chagai95 commented Jun 23, 2020

bona-ws commented Jun 26, 2020

grafosecondo commented Jul 9, 2020

hasgardee commented Jul 23, 2020

Divyanshu-Grover commented Jul 30, 2020

tuandv1311 commented Aug 6, 2020

kiranjd commented Nov 24, 2020

Ahmed-Imam commented Apr 15, 2021

mitrukahitesh commented May 21, 2021 • edited Loading

jdhl27 commented Aug 9, 2022

trinachaudhuri-ctri commented Aug 16, 2022

77TecShaeer commented Nov 16, 2022

taranga99 commented Nov 18, 2022 • edited Loading

ryyvv commented Dec 3, 2022

SmartArray commented Dec 6, 2022 • edited Loading

Xlizer1 commented Dec 18, 2022

strawberryCheeseCake2 commented Jan 3, 2023 • edited Loading

ryyvv commented Jan 8, 2023 via email

ryyvv commented Jan 8, 2023 via email

betomoedano commented Feb 18, 2023

Solution ✅

ryyvv commented Feb 21, 2023 via email

Chrisigho commented May 1, 2023

dansau84 commented Jul 4, 2023

cph2117 commented Jul 19, 2023

Hardly002 commented Aug 10, 2023

tribeless commented Oct 22, 2023

bugra-kara commented Oct 31, 2023

NewvilleMedia commented Nov 17, 2023

PrabhathR-99 commented Feb 25, 2024

Vyacheslav1557 commented May 1, 2024

Ali136384 commented May 18, 2024

maztapee commented May 24, 2024

ganeshtak19 commented Oct 8, 2024 • edited Loading

mitrukahitesh commented May 21, 2021 •

edited

Loading

taranga99 commented Nov 18, 2022 •

edited

Loading

SmartArray commented Dec 6, 2022 •

edited

Loading

strawberryCheeseCake2 commented Jan 3, 2023 •

edited

Loading

ganeshtak19 commented Oct 8, 2024 •

edited

Loading