无法解析模块“react-native-reanimated”
React native 项目在没有 React Navigation Tab 模块的情况下运行良好,一旦我使用
安装 tab 模块,节点终端就会出现以下错误。
npm install --save react-navigation-tab
React-tab-navigation 抛出以下错误。
错误:捆绑失败:错误:无法从
node_modules\react-navigation-tabs\lib\module\views\MaterialTopTabBar.js
解析模块
react-native-reanimated
:在项目中找不到 react-native-reanimated。
react-navigation-tabs 依赖于 react-navigation 包。
所以我认为你错过了
入门
部分。
目前对于 react-navigation 4.x 你应该:
yarn add react-navigation
yarn add react-native-reanimated react-native-gesture-handler react-native-screens@^1.0.0-alpha.23
然后对于 ios:
cd ios
pod install
要完成 react-native-screens for Android 的安装,请在
android/app/build.gradle
中的依赖项部分添加以下两行:
implementation 'androidx.appcompat:appcompat:1.1.0-rc01'
implementation 'androidx.swiperefreshlayout:swiperefreshlayout:1.1.0-alpha02'
然后
react-native link react-native-reanimated
如果您正在使用 Expo
我遇到了完全相同的问题,这就是我所做的,并且有效!
遵循入门指南
这基本上是安装 React Navigation 所需的依赖项 https://reactnavigation.org/docs/getting-started/
yarn add @react-navigation/native
和
expo install react-native-gesture-handler react-native-reanimated react-native-screens react-native-safe-area-context @react-native-community/masked-view
然后我意识到
react-native-reanimated
在未满足的对等依赖项内,因此要确保正确的版本安装后,您必须运行
expo install react-native-reanimated
再试一次,就完成了!!
pdta……
我之所以能解决这个问题,是因为我删除了 node_modules 文件夹,然后通过
yarn install
再次安装了所有依赖项,因此,如果有问题,这将是最后一次绝望的尝试。尽管我不认为这是必要的。
我正在使用 react-native 0.67 版本
我按照以下步骤修复它
步骤 1. npm i react-native-reanimated
步骤 2. 添加插件 babel.config.js
plugins: ['react-native-reanimated/plugin'],
步骤 3 当关闭终端后尝试运行代码时,我仍然面临同样的问题
Error: Reanimated 2 failed to create a worklet, maybe you forgot to add Reanimated's babel plugin?
步骤 4. 之后,我关闭当前终端并运行此命令
npm start -- --reset-cache
现在问题已修复。