错误：错误：无法从 /node_modules/react-native-reanimated/src/reanimated2/index.ts 解析模块./Hooks

Posted 2023-02-19

【中文标题】错误：错误：无法从 /node_modules/react-native-reanimated/src/reanimated2/index.ts 解析模块./Hooks

【英文标题】：error: Error: Unable to resolve module ./Hooks from /node_modules/react-native-reanimated/src/reanimated2/index.ts

【发布时间】：2021-12-12 00:00:37

【问题描述】：

我是新安装的 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)

任何帮助将不胜感激！

【问题讨论】：

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

【参考方案1】：

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

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

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

首先，我没有像他们建议的那样安装react-native-reanimated@next，而是安装了2.3.0-beta2，而是安装了最新的稳定版本2.2.3 然后我对其进行了测试，这使问题消失了，但随后我的应用程序一直冻结。然后我决定撤消他们指示中的另一个步骤并将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。这对我有用。