Я пытаюсь сделать простую маршрутизацию с реактивной нативной, но я получаю какую-то ошибку, как этот Не удалось построить Javascript комплект

Question

Я создал один реагирующий нативный проект и начал маршрутизацию. В проекте у меня есть папка Pages, в этой папке у меня есть домашняя папка, в домашней папке у меня есть Home. j, и у меня есть еще одна папка в Pages, которая называется About, в которой у меня есть About.js. Это все страницы.

У меня есть еще одна папка - Компоненты, в которой у меня есть папка Navbar, в которой у меня есть Navbar.js

Я импортировал этот дом в Navbar.js И я импортировалНавбар в App.js. Теперь я получаю сообщение об ошибке, например: «Не удается разрешить« ./Pages/Home/Home »из« Components / Navbar / Navbar.js »Не удалось создать пакет JavaScript.

В папке« Страницы »у меня есть домашняя папкаВ этом у меня есть Home.js

Этот Home.js

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

export default class Home extends Component {
    render() {
        return (
            <View>
                <Text>We have friends</Text>
            </View>
        )
    }
}

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

В папке компонентов у меня есть папка Navbar, в которой у меня есть Navbar.js

ЭтоNavbar.js

import { createStackNavigator } from 'react-navigation';
import Home from './Pages/Home/Home';

const Navbar = createStackNavigator({
    Home: { screen: Home },
})

export default Navbar

Это App.js

import React from 'react';
import { StyleSheet, Text, View } from 'react-native';
import Navbar from './Components/Navbar/Navbar'

export default function App() {
  return (
    <Navbar></Navbar>
  );
}

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

Я хочу устранить ошибку, с которой я сталкиваюсь. Если вы все еще думаете, если я не уверен с моим сомнением или если вы не понимаете мой вопрос, пожалуйста, оставьте комментарий.

Answer 1

Я думаю, вам следует установить react-navigation-stack и импортировать оттуда createStackNavigator, например:

import { createStackNavigator } from 'react-navigation-stack';

А именно, изменился способ его импорта. Проверьте документы

Answer 2

, пожалуйста, попробуйте что-то вроде ... / Pages / Home / Home