React Navigation ERROR Не удалось разрешить originModulePath - PullRequest
Новая
       135

React Navigation ERROR Не удалось разрешить originModulePath

0 голосов
/ 05 августа 2020

Я новичок в кодировании и реагирую нативно. Я пытался настроить приложение только с некоторыми базовыми c страницами, чтобы практиковаться с реактивной навигацией, но все время выдает ошибку. 

Failed building JavaScript bundle.
Unable to resolve "./src/navigation/MainTabs" from "src/navigation/AppNavigator.js"

Я использую expo и установил эти npm: 

npm install @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
npm install @react-navigation/stack

Вот мой код:

Приложение. js

import * as React from 'react';
import { NavigationContainer } from '@react-navigation/native';
import AppNavigator from './src/navigation/AppNavigator.js';

const App = () => {
 return (
  <NavigationContainer>
   <AppNavigator />
  </NavigationContainer>
 );
}

export default App;

AppNavigator. js 

import * as React from 'react';
import { createStackNavigator } from '@react-navigation/stack';
import MainTabs from './src/navigation/MainTabs';

const Stack = createStackNavigator();

const AppNavigator = () => {
 return (
   <Stack.Navigator>
     <Stack.Screen name='MainTabs' component={MainTabs} />
   </Stack.Navigator>
 );
}

export default AppNavigator;

MainTabs. js

import * as React from 'react';
import { createBottomTabNavigator } from '@react-navigation/bottom-tabs';
import PartyMenuScreen from './src/screens/PartyMenuScreen';
import TableMenuScreen from './src/screens/TableMenuScreen';
import VacationMenuScreen from './src/screens/VacationMenuScreen';


const Tabs = createBottomTabNavigator();

const MainTabs = () => {
  return (
    <Tab.Navigator>
     <Tab.Screen name='Party Games' component={PartyMenuScreen} />
     <Tab.Screen name='Table Games' component={TableMenuScreen} />
     <Tab.Screen name='Vacation Games' component={VacationMenuScreen} />
    </Tab.Navigator>
  );
}

export default MainTabs;

Я пробовал переустановить модули npm и переименовать пути к файлам. Кроме того, я не знаю, что делать. Я считаю, что это может иметь какое-то отношение к моим зависимостям, но я не знаю, как их устранить.

Ответы [ 2 ]

0 голосов
/ 05 августа 2020

Решена проблема. Использовал ../ для импорта из-за папки, в которой они находились, и изменил вкладки на вкладку.

0 голосов
/ 05 августа 2020

У вас есть ошибка в AppNavigator.js пути импорта для 

import MainTabs from './src/navigation/MainTabs';

Из сообщения об ошибке я предполагаю, что AppNavigator.js и MainTabs.js находятся на одном уровне в иерархии папок. Замените приведенный выше импорт на ниже: 

import MainTabs from './MainTabs';
...