software-mansion / react-native-reanimated

React Native's Animated library reimplemented
https://docs.swmansion.com/react-native-reanimated/
MIT License
8.63k stars 1.27k forks source link

[Reanimated] Babel plugin exception: TypeError: (0 , types_12.cloneNode) is not a function #6006

Open ChristopherGabba opened 1 month ago

ChristopherGabba commented 1 month ago

Description

I am trying to compile my expo-51 (managed workflow) app and I am getting the error

" node_modules/react-native-gesture-handler/src/handlers/gestures/hoverGesture.ts: /Users/christophergabba/Documents/ReelFeelApp/node_modules/react-native-gesture-handler/src/handlers/gestures/hoverGesture.ts: [Reanimated] Babel plugin exception: TypeError: (0 , types_12.cloneNode) is not a function"

Steps to reproduce

  1. Use the react-native-ignite boilerplate
  2. Choose NPM instead of yarn
  3. Upgrade the project to Expo-51
  4. Compile a Development Build for iOS

I solved the problem by installing all the dependencies with yarn. As soon as I use npm to install everything, it throws this error.

Snack or a link to a repository

Working on it now

Reanimated version

3.10.1

React Native version

0.74.1

Platforms

iOS

JavaScript runtime

Hermes

Workflow

Expo Dev Client

Architecture

Fabric (New Architecture)

Build type

Debug app & dev bundle

Device

Real device

Device model

iPhone 12

Acknowledgements

Yes

github-actions[bot] commented 1 month ago

Hey! 👋

The issue doesn't seem to contain a minimal reproduction.

Could you provide a snack or a link to a GitHub repository under your username that reproduces the problem?

AdityaAA2004 commented 3 weeks ago

I am also encountering the same issue when running the dev client on iOS. I have the same specs as mentioned above, and react native version 0.74.1. This is the full error message I receive:

error: node_modules/react-native-gesture-handler/src/handlers/gestures/GestureDetector.tsx: /Users/adityaarchunananand/Hatch/Frontend/node_modules/react-native-gesture-handler/src/handlers/gestures/GestureDetector.tsx: [Reanimated] Babel plugin exception: TypeError: (0 , types_12.cloneNode) is not a function

ChristopherGabba commented 3 weeks ago

@AdityaAA2004 It works when I run it yarn and have a yarn.lock file, but not when I use npm.

AdityaAA2004 commented 3 weeks ago

Ok, so, does the App build on the expo dev client without this error when we use the yarn package manager?

ChristopherGabba commented 3 weeks ago

@AdityaAA2004 Yes it does for me. I cannot use NPM in my project until this issue is resolved.