software-mansion / react-native-reanimated

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

V3 Failed to create a worklet. #4138

Closed offcarlospetit closed 1 year ago

offcarlospetit commented 1 year ago

Description

Hi, im actually testing new reanimated V3 in bare RN(0.71.3) app with react navigation v6 and @shopify/restyle, but i got this problem

Failed to create a worklet. Did you forget to add Reanimated Babel plugin in babel.config.js?

And i already put that config in babel.config file

Steps to reproduce

npm run start --reset-cache

select ios emulator

Snack or a link to a repository

is a private repo

Simulator Screen Shot - iPhone 14 - 2023-03-01 at 10 20 51

Reanimated version

3.0.0

React Native version

0.71.3

Platforms

iOS

JavaScript runtime

Hermes

Workflow

React Native (without Expo)

Architecture

Fabric (New Architecture)

Build type

Debug mode

Device

iOS simulator

Device model

iPhone 14 Pro Max

Acknowledgements

Yes

github-actions[bot] commented 1 year 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?

tjzel commented 1 year ago

Hi! Could you provide your babel.config.js file?

terrysahaidak commented 1 year ago

just to double check, @offcarlospetit, did you run your packager with --reset-cache after adding renimated plugin?

offcarlospetit commented 1 year ago

Hi, @tjzel this is my babel.config.j

Screenshot 2023-03-01 at 19 40 31

And yes @terrysahaidak only remains restart my computer 😂

tomekzaw commented 1 year ago

Hey, for all npm users, the command should be npm run start -- --reset-cache, i.e. with -- before --reset-cache.

offcarlospetit commented 1 year ago

perfect! now is working after this npm run start -- --reset-cache im already had do it this, but, works and this is the important fact! 😂

thanks @tomekzaw 🚀