使用Expo集成Reanimated后项目损坏,卸载仍报错求助
解决 Expo 卸载 react-native-reanimated 后仍残留引用导致的 Babel 插件异常问题
遇到这个问题大概率是卸载不彻底,残留的配置或缓存还在生效,试试下面这些步骤:
清理 Babel 配置残留
检查项目根目录的babel.config.js(或babel.config.json),确保已经移除react-native-reanimated/plugin相关配置。比如原本的配置里如果有plugins: ['react-native-reanimated/plugin'],要把这一项删掉。另外还要检查app.json或app.config.js里的Babel扩展配置,确认没有残留的Reanimated插件引用。彻底清除缓存与依赖
- 先执行Expo强制重启清缓存命令:
expo r -c - 删除项目里的
node_modules文件夹,以及package-lock.json(或yarn.lock)锁文件 - 重新安装依赖:
npm install(或yarn install)
- 先执行Expo强制重启清缓存命令:
排查间接依赖
有些第三方UI库或动画库可能会间接依赖react-native-reanimated,执行npm list react-native-reanimated(yarn用户用yarn why react-native-reanimated)查看是否有这类间接引用。如果有,可以尝试升级对应依赖到不强制依赖Reanimated的版本,或者如果必须保留该库,就得重新安装Reanimated并确保Babel配置正确。清除Metro缓存
手动删除Metro的缓存目录:- macOS/Linux:
rm -rf ~/.metro-cache - Windows:
rd /s /q %USERPROFILE%\.metro-cache
- macOS/Linux:
重置Expo项目状态
运行expo install --fix让Expo自动修复依赖版本不兼容问题;如果还是不行,可以新建一个空白Expo项目,对比两个项目的配置文件,排查当前项目的异常配置。
内容的提问来源于stack exchange,提问作者Torben Nordtorp
相关产品推荐
相关产品推荐

