react-native 0.80.0 facing WorkletsError: [Worklets] Failed to create a worklet.

[zhaoaixu520]

I'm facing the issue
"react-native": "0.80.0",
"react-native-reanimated": "next",
"react-native-worklets": "^0.3.0",

babel.config.js
plugins:['react-native-worklets/plugin']
refer to doc

[MatiPl01]

Hey @zhaoaixu520!

Could you possibly provide some reproduction steps? Which commands did you use to create and run the project? Which platform you have been using (iOS, Android)? Did you install pods on iOS? Do you use bare or expo go react native workflow?

I will be grateful if you prepare a repository with your setup so that I would be able to test the same setup on my side and see how to fix the issue.

[zhaoaixu520]

I'm using npx @react-native-community/cli init to create project

platform: ios

installed pods

my package.json :

{
  "name": "myApp",
  "version": "0.0.1",
  "private": true,
  "scripts": {
    "aos": "react-native run-android",
    "ios": "react-native run-ios --simulator='iPhone 15 Pro'",
    "lint": "eslint .",
    "start": "react-native start",
    "start-debug": "react-native start && ENABLE_REACT_NATIVE_DEBUGGER=true",
    "start-reset": "react-native start --reset-cache",
    "test": "jest",
    "postinstall": "node ./scripts/postinstall.js",
    "pod-install": "cd ios && pod install",
    "clean": "yarn cache clean",
    "delete": "cd ios && rm -rf Pods Podfile.lock build DerivedData && pod install --repo-update",
    "ios-update": "cd ios && pod install --repo-update"
  },
  "dependencies": {
    "@react-native-async-storage/async-storage": "^2.2.0",
    "@react-native-community/netinfo": "^11.4.1",
    "@react-native-community/slider": "^4.5.7",
    "@react-native/new-app-screen": "0.80.0",
    "@react-navigation/bottom-tabs": "^7.4.1",
    "@react-navigation/native": "^7.1.11",
    "@react-navigation/native-stack": "^7.3.16",
    "@react-navigation/stack": "^7.3.4",
    "@shopify/flash-list": "^2.0.0-rc.9",
    "@shopify/react-native-skia": "^2.1.0",
    "@tamagui/config": "^1.126.18",
    "@tamagui/lucide-icons": "^1.126.18",
    "add": "^2.0.6",
    "axios": "^1.10.0",
    "dayjs": "^1.11.13",
    "expo-modules-core": "^2.4.0",
    "patch-package": "^8.0.0",
    "query-string": "^9.2.1",
    "react": "19.1.0",
    "react-native": "0.80.0",
    "react-native-gesture-handler": "^2.27.1",
    "react-native-get-music-files": "^2.2.4",
    "react-native-linear-gradient": "^2.8.3",
    "react-native-reanimated": "next",
    "react-native-safe-area-context": "^5.4.1",
    "react-native-screens": "^4.11.1",
    "react-native-svg": "^15.12.0",
    "react-native-toast-message": "^2.3.0",
    "react-native-track-player": "^4.1.1",
    "react-native-worklets": "^0.3.0",
    "tamagui": "^1.126.18",
    "yarn": "^1.22.22",
    "zod": "^3.25.64",
    "zustand": "^5.0.5"
  },
  "devDependencies": {
    "@babel/core": "^7.25.2",
    "@babel/preset-env": "^7.25.3",
    "@babel/runtime": "^7.25.0",
    "@react-native-community/cli": "19.0.0",
    "@react-native-community/cli-platform-android": "19.0.0",
    "@react-native-community/cli-platform-ios": "19.0.0",
    "@react-native/babel-preset": "0.80.0",
    "@react-native/eslint-config": "0.80.0",
    "@react-native/metro-config": "0.80.0",
    "@react-native/typescript-config": "0.80.0",
    "@types/jest": "^29.5.13",
    "@types/react": "^19.1.0",
    "@types/react-test-renderer": "^19.1.0",
    "babel-plugin-module-resolver": "^5.0.2",
    "eslint": "^8.19.0",
    "jest": "^29.6.3",
    "prettier": "2.8.8",
    "react-test-renderer": "19.1.0",
    "typescript": "5.0.4"
  },
  "engines": {
    "node": ">=18"
  },
  "packageManager": "yarn@3.6.4"
}

I using yarn add react-native-reanimated@next react-native-worklets refer to doc
also tried using react-native-reanimated version 3.18.0

commod list:
yarn add react-native-reanimated@next react-native-worklets
yarn delete
yarn clean
yarn install
yarn start-reset
yarn ios

my babel.config.js:
plugins: ['react-native-worklets/plugin'] for react-native-reanimated@next
plugins: ['react-native-reanimated/plugin'] for react-native-reanimated@3.18.0

my metro.config.js:

const {
  wrapWithReanimatedMetroConfig,
} = require('react-native-reanimated/metro-config');
...
module.exports = wrapWithReanimatedMetroConfig(
  mergeConfig(getDefaultConfig(__dirname), config),
);

import Animated, { useSharedValue } from 'react-native-reanimated';
import { View } from 'tamagui';

export const DemoScreen = () => {
  const width = useSharedValue(100);

  return (
    <View>
      <Animated.View
        style={{
          width,
          height: 100,
          backgroundColor: 'violet',
        }}
      />
    </View>
  );
};

when I navigate to DemoScreen I got errors as below

[MatiPl01]

What is your postinstall script doing? I cannot install dependencies because you didn't provide it. When I try to install pods in any different way, like bundle install && bundle exec pod install called from the ios dir, I can see this error:

[!] Invalid `Podfile` file: [!] /Users/mateu/.nvm/versions/node/v22.14.0/bin/node -p require.resolve(
    "react-native/scripts/react_native_pods.rb",
    {paths: [process.argv[1]]},
  ) /Users/mateu/Downloads/workletIssue/ios

node:internal/modules/cjs/loader:1228
  throw err;
  ^

Error: Cannot find module 'react-native/scripts/react_native_pods.rb'
Require stack:
- /Users/mateu/Downloads/workletIssue/ios/[eval]
    at Function._resolveFilename (node:internal/modules/cjs/loader:1225:15)
    at Function.resolve (node:internal/modules/helpers:146:19)
    at [eval]:1:9
    at runScriptInThisContext (node:internal/vm:209:10)
    at node:internal/process/execution:449:12
    at [eval]-wrapper:6:24
    at runScriptInContext (node:internal/process/execution:447:60)
    at evalFunction (node:internal/process/execution:87:30)
    at evalScript (node:internal/process/execution:99:3)
    at node:internal/main/eval_string:74:3 {
  code: 'MODULE_NOT_FOUND',
  requireStack: [ '/Users/mateu/Downloads/workletIssue/ios/[eval]' ]
}

Node.js v22.14.0

Seems that I cannot just copy-paste your package.json file and set up a project in this way.

Can you possibly create a repository which I would be able to clone and test if it works?

[zhaoaixu520]

When I new a demo project , I got same issue

[MatiPl01]

Yes, and this is not a Reanimated issue. It seems to be a problem with your other dependencies. I wouldn't be able to help you without being able to run the project on my side. If you manage to set up a repro that builds, please let me know and I will try to help you debug this worklets isuse.

[zhaoaixu520]

I new a another project. with the verison rn:0.80.0 add react-native-reanimated only works well. I'll check other dependencies. Thanks for your time!