开发者问题收集

无法解析模块“react-native-reanimated”

2019-09-27
120999

React native 项目在没有 React Navigation Tab 模块的情况下运行良好,一旦我使用

npm install --save react-navigation-tab

安装 tab 模块,节点终端就会出现以下错误。

React-tab-navigation 抛出以下错误。

错误:捆绑失败:错误:无法从 node_modules\react-navigation-tabs\lib\module\views\MaterialTopTabBar.js 解析模块 react-native-reanimated :在项目中找不到 react-native-reanimated。

3个回答

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
chenop
2019-09-28

如果您正在使用 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

yarn warning

再试一次,就完成了!!

pdta……

我之所以能解决这个问题,是因为我删除了 node_modules 文件夹,然后通过 yarn install 再次安装了所有依赖项,因此,如果有问题,这将是最后一次绝望的尝试。尽管我不认为这是必要的。

Carlos
2020-05-25

我正在使用 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 

现在问题已修复。

Lalit kumar
2022-02-14