【问题标题】:error: Error: Unable to resolve module ./Hooks from /node_modules/react-native-reanimated/src/reanimated2/index.ts错误:错误:无法从 /node_modules/react-native-reanimated/src/reanimated2/index.ts 解析模块./Hooks
【发布时间】:2026-01-12 22:45:01
【问题描述】:

我是新安装的 React Native Reanimated 2.3.0-beta.1,并且已经按照文档中的设置进行操作。

"react-native-gesture-handler": "^1.10.3",
"react-native-reanimated": "^2.3.0-beta.2",

当启动我的应用程序时,出现以下错误:

error: Error: Unable to resolve module ./Hooks from /ProjectName/node_modules/react-native-reanimated/src/reanimated2/index.ts: 
None of these files exist:
* node_modules/react-native-reanimated/src/reanimated2/Hooks(.native|.android.js|.native.js|.js|.android.json|.native.json|.json|.android.ts|.native.ts|.ts|.android.tsx|.native.tsx|.tsx|.android.svg|.native.svg|.svg)
* node_modules/react-native-reanimated/src/reanimated2/Hooks/index(.native|.android.js|.native.js|.js|.android.json|.native.json|.json|.android.ts|.native.ts|.ts|.android.tsx|.native.tsx|.tsx|.android.svg|.native.svg|.svg)
> 1 | export * from './core';
  2 | export * from './hook';
  3 | export * from './animation';
  4 | export * from './interpolation';
    at ModuleResolver.resolveDependency (/ProjectName/node_modules/metro/src/node-haste/DependencyGraph/ModuleResolution.js:107:15)
    at DependencyGraph.resolveDependency (/ProjectName/node_modules/metro/src/node-haste/DependencyGraph.js:288:43)
    at Object.resolve (/ProjectName/node_modules/metro/src/lib/transformHelpers.js:129:24)
    at resolve (/ProjectName/node_modules/metro/src/DeltaBundler/traverseDependencies.js:396:33)
    at /ProjectName/node_modules/metro/src/DeltaBundler/traverseDependencies.js:412:26
    at Array.reduce (<anonymous>)
    at resolveDependencies (/ProjectName/node_modules/metro/src/DeltaBundler/traverseDependencies.js:411:33)
    at processModule (/ProjectName/node_modules/metro/src/DeltaBundler/traverseDependencies.js:140:31)
    at async addDependency (/ProjectName/node_modules/metro/src/DeltaBundler/traverseDependencies.js:230:18)
    at async Promise.all (index 6)

任何帮助将不胜感激!

【问题讨论】:

  • 请提供足够的代码,以便其他人更好地理解或重现问题。

标签: react-native react-native-reanimated


【解决方案1】:

我相信您收到了有关在您的 React Native 应用程序上安装 react-native-reanimated 的说明的警告消息,并决定按照他们在 https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/installation 上的说明进行操作

这是我的场景,一旦我做了他们要求我做的所有事情,我就开始收到这个错误。

这是我为解决此问题所做的:

  1. 首先,我没有像他们建议的那样安装react-native-reanimated@next,而是安装了2.3.0-beta2,而是安装了最新的稳定版本2.2.3
  2. 然后我对其进行了测试,这使问题消失了,但随后我的应用程序一直冻结。然后我决定撤消他们指示中的另一个步骤并将enableHermes: false设置为android/app/build.gradle

这为我解决了问题。

【讨论】:

  • 为什么要禁用爱马仕,这不是reanimated的要求吗?
  • thx 兄弟解决了,我按照文档中的说明进行操作,但一直出错,然后我再次删除 node_module 和 npm install。然后 npm start --reset-cache -> npm run android
  • 我离开了enableHermes: true,但是从react-native-reanimated@2.3.1 降级到react-native-reanimated@2.2.3。这对我有用。
最近更新 更多