我试图用react native进行简单的路由，但我遇到了一些错误，比如构建Javascript包失败

我创建了一个react本地项目并开始路由。 在一个项目中，我有一个页面文件夹，在这个文件夹中我有一个主文件夹，在主文件夹中我有一个主文件夹。我在页面中还有一个文件夹，我有About.js。这些都是书页

我还有一个文件夹是Components，我有Navbar文件夹，我有Navbar.js

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

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

export default Navbar

我把这个主页导入了Navbar.js 我已经将导航栏导入App.js。 现在我遇到这样的错误，无法从“Components/Navbar/Navbar.js”解析“/Pages/Home/Home” 生成JavaScript包失败

在Pages文件夹中，我有一个主文件夹，其中有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',
    },
  });

这是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',
  },
});

从“React”导入React；
从“react native”导入{样式表、文本、视图}；
从“./Components/Navbar/Navbar”导入导航栏
导出默认函数App（）{
返回(
);
}
const styles=StyleSheet.create({
容器：{
弹性：1，
背景颜色：“#fff”，
对齐项目：“居中”，
为内容辩护：“中心”，
},
});

---

我想解决我所面临的错误。如果您仍然认为如果我不清楚我的疑问或者您不理解我的问题，请发表评论。

请尝试类似于…/Pages/Home/Home

的内容，我认为您应该安装

react导航堆栈

并从那里导入

createStackNavigator

，例如：

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

即改变了进口方式。

---

检查

这似乎与此类似：嗨，迈克，我已经通过了你的链接，我试图解决我的错误，但我无法帮助我解决这个错误。嗨，瓦姆西，我尝试了这个…/Pages/Home/Home，但它不起作用嗨，福蒂斯·查基里斯，我按照你说的做了，但显示了相同的错误。