oblador / react-native-animatable

Standard set of easy to use animations and declarative transitions for React Native
MIT License
9.85k stars 699 forks source link

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

Open tushargoyalofficial opened 4 years ago

tushargoyalofficial commented 4 years ago

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

nadunliyanage commented 4 years ago

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

PrasadGhan commented 4 years ago

I am also facing the same issue.

nikolai-git-house commented 4 years ago

Me too.

nikolai-git-house commented 4 years ago

Any solution here?

Nirony commented 4 years ago

me 2, any news?

chagai95 commented 4 years ago

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

tushargoyalofficial commented 4 years ago

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

tushargoyalofficial commented 4 years ago

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

chagai95 commented 4 years ago

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 commented 4 years ago

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

grafosecondo commented 4 years ago

+1

@tushargoyalofficial checked the the gesture handler configuration again and again

hasgardee commented 4 years ago

any fix?

Divyanshu-Grover commented 4 years ago

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 commented 4 years ago

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 commented 4 years ago

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

Ahmed-Imam commented 3 years ago

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 commented 3 years ago

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 commented 2 years ago

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 commented 2 years ago

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

77TecShaeer commented 2 years ago

+++

taranga99 commented 2 years ago

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 commented 2 years ago

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

SmartArray commented 2 years ago

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 commented 1 year ago

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 commented 1 year ago

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
ryyvv commented 1 year ago

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 commented 1 year ago

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: @.***>

betomoedano commented 1 year ago

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'],
    };
  2. After updating your babel.config.js restart your server with the following command:
    yarn start --resetCache
  3. 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.

ryyvv commented 1 year ago

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: @.***>

Chrisigho commented 1 year ago

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

dansau84 commented 1 year ago

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

cph2117 commented 1 year ago

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 commented 1 year ago

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

tribeless commented 1 year ago

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

bugra-kara commented 1 year ago

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 commented 1 year ago

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 commented 9 months ago
Vyacheslav1557 commented 7 months ago

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 commented 6 months ago

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 commented 6 months ago

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

This worked for me as of just now

ganeshtak19 commented 2 months ago

![Uploading ImportedPhoto_1728366053966.jpg…]() 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.

zubyrbutt commented 1 week ago

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.

this worked for me. missing .env files in my project root

KarthikShetty5 commented 6 days ago

ERROR TypeError: Cannot read property 'ARMA_RSSI_FILTER' of null, js engine: hermes ERROR Invariant Violation: "main" has not been registered. This can happen if:

can anyone help me with this