Поскольку я переключился на реагирующий навигационный ящик, но столкнулся с ошибкой, не знаю, почему

Question

фрагмент кода, который я пробовал

import React from 'react';
import { StyleSheet, Text, View, Dimensions } from'react-native';

import { createDrawerNavigator } from 'react-navigation-drawer';

import HomeScreen from './rootscreen';
import LoginScreen from './loginscreen';
export default function MainScreen() {
 return (
<>
  <MyApp/>
</>
);
}

const MyApp = createDrawerNavigator({

Home: {
  screen: HomeScreen
},
Settings: {
  screen: LoginScreen
}
});

const styles = StyleSheet.create({
container: {
flex: 1,
backgroundColor: '#fff',
alignItems: 'center',
justifyContent: 'center',
 },
});

ошибка, с которой я столкнулся

Неудачная сборка JavaScript bundle. При попытке разрешить модуль react-navigation-drawer из файла /home/ankit/Desktop/intren⁄resume/quizzi/screen/mainscreen.js пакет /home/ankit/Desktop/intren⁄resume/quizzi/node_modules/react-navigation-drawer/package.json был успешно найден. Однако сам этот пакет указывает поле модуля main, которое не может быть разрешено (/home/ankit/Desktop/intren⁄resume/quizzi/node_modules/react-navigation-drawer/lib/module/index.js. Действительно, ни один из этих файлов не существует:

Answer 1

"react-native-screens": "^2.0.0-beta.7" Попробуйте установить этот пакет. Это должно исправить вашу ошибку.