You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

React Native应用报错:Failed to create worklet 问题求助

解决[Reanimated] Failed to create a worklet错误

你已完成基础配置(添加babel插件、清理构建)但仍报错,可尝试以下排查修复步骤:

1. 调整Babel插件顺序

Reanimated的babel插件必须放在所有插件的最后一位,修改babel.config.js:

module.exports = {
  presets: ['module:@react-native/babel-preset'],
  plugins: [
    // 其他插件请放在此处
    'react-native-reanimated/plugin' // 确保这是最后一个插件
  ]
};

2. 修复缓存重置命令

你之前的缓存重置命令格式错误,执行正确的Metro缓存重置命令:

npx react-native start --reset-cache

3. 执行完整的Android构建流程

替换你之前的步骤,按以下顺序操作:

  • 进入Android目录:cd android
  • 清理构建文件:./gradlew clean
  • 返回项目根目录:cd ..
  • 重置缓存并启动Metro:npx react-native start --reset-cache
  • 重新运行Android应用:npx react-native run-android

4. 验证版本兼容性

确保react-native-reanimated版本与你的React Native版本匹配:

  • React Native 0.70+ 适配 Reanimated 2.10+ 或 3.x 版本
  • 版本不兼容时,重新安装适配版本:
npm uninstall react-native-reanimated
npm install react-native-reanimated@对应适配版本

5. 确认Hermes引擎已启用

Reanimated依赖Hermes引擎,检查android/app/build.gradle配置:

project.ext.react = [
  enableHermes: true  // 确保此处为true
]

修改后需重新执行./gradlew clean和npx react-native run-android。


内容的提问来源于stack exchange,提问作者Anushka shetty

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.06.19 00:59:53