无法初始化 react-native-reanimated 库

Question

我导入了“@react-navigation/drawer”，它给了我这个错误：

` 错误错误：无法初始化 react-native-reanimated 库，请确保您按照此处的安装步骤操作：https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/installation/

1. 确保 reanimated 的 babel 插件安装在你的 babel.config.js 中（你应该在那里列出 'react-native-reanimated/plugin' - 详情请参阅上面的链接）
2. 确保在更新配置后重置构建缓存，运行：yarn start --reset-cache，js engine：hermes 错误不变违规：“main”尚未注册。如果出现以下情况，可能会发生这种情况：

• Metro（本地开发服务器）从错误的文件夹运行。检查 Metro 是否正在运行，停止它并在当前项目中重新启动它。
• 模块因错误加载失败，

  AppRegistry.registerComponent

  未被调用。，js 引擎：hermes`

我找不到修复它的方法我尝试了新版本和旧版本，但都没有用

这是我的代码：

import { StatusBar } from 'expo-status-bar';
import React, {useState, Component, useEffect} from "react";
import { StyleSheet, Text, View, Button, TouchableOpacity, TextInput, Image, SafeAreaView} from 'react-native';
import { NavigationContainer } from '@react-navigation/native';
import {createNativeStackNavigator } from "@react-navigation/native-stack";
import AsyncStorage from '@react-native-async-storage/async-storage';
import { Menu, MenuProvider, MenuTrigger, MenuOptions, MenuOption, renderers} from 'react-native-popup-menu';
import { createDrawerNavigator } from '@react-navigation/drawer';
// import AppHeader from 'Header.js';
import LoginPage from './LoginPage.js';
import HomePage from './HomePage.js';
import RegisterPage from './RegisterPage.js';
import UserInfoPage from './UserInfoPage.js';

const Drawer = createDrawerNavigator();


export default function App({navigation}) {
  let startscreen = 'LoginPage';
  console.disableYellowBox = true;
  return (
    <NavigationContainer>
      <Drawer.Navigator initialRouteName={startscreen}>
        <Drawer.Screen name="LoginPage" component={LoginPage} />
        <Drawer.Screen name="HomePage" component={HomePage} />
        <Drawer.Screen name="RegisterPage" component={RegisterPage} />
        <Drawer.Screen name="UserInfoPage" component={UserInfoPage} />
      </Drawer.Navigator>
    </NavigationContainer>
    );
  }

所以当我删除“从'@react-navigation/drawer'导入{createDrawerNavigator};”错误消失

还有我的 package.json：

{
  "name": "fitness",
  "version": "1.0.0",
  "main": "node_modules/expo/AppEntry.js",
  "scripts": {
    "start": "expo start",
    "android": "expo start --android",
    "ios": "expo start --ios",
    "web": "expo start --web",
    "eject": "expo eject"
  },
  "dependencies": {
    "@react-native-async-storage/async-storage": "1.17.11",
    "@react-navigation/drawer": "^6.6.2",
    "@react-navigation/native": "^6.1.6",
    "@react-navigation/native-stack": "^6.9.12",
    "expo": "^48.0.0",
    "expo-status-bar": "~1.4.4",
    "react": "18.2.0",
    "react-dom": "18.2.0",
    "react-native": "0.71.7",
    "react-native-keyboard-aware-scroll-view": "^0.9.5",
    "react-native-popup-menu": "^0.16.1",
    "react-native-reanimated": "^2.11.0",
    "react-native-web": "~0.18.11"
  },
  "devDependencies": {
    "@babel/core": "^7.20.0",
    "metro-react-native-babel-preset": "^0.76.3"
  },
  "private": true
}

我的 babel.config.js：

module.exports = function(api) {
  api.cache(true);
  return {
    presets: ['babel-preset-expo'],
    plugins: ["react-native-reanimated/plugin"],
  };
};

已经尝试过新旧版本，但都没有用，我只需要它可以工作，这样我就可以继续:)