我正在尝试使用 react-native 进行简单的路由，但我遇到了一些类似这样的错误 Failed building Javascript bundle

Question

我创建了一个 react native 项目并开始路由。 在一个项目中，我有 Pages 文件夹，在这个文件夹中，我在 Home 文件夹中有一个 Home 文件夹，我有 Home。 j 的，并且我在 Pages 中有另一个文件夹，它是 About，因为我有 About.js。 这些都是页面。

我有另一个文件夹，即 Components，其中有 Navbar 文件夹，其中有 Navbar.js

我将此主页导入到 Navbar.js 并且我已将导航栏导入到 App.js。 现在我收到这样的错误，无法从“Components/Navbar/Navbar.js”解决“./Pages/Home/Home” 无法构建 JavaScript 捆绑包。

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

在 Components 文件夹中，我有一个 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

请尝试类似.../Pages/Home/Home

Answer 2

我认为您应该安装react-navigation-stack并从那里导入createStackNavigator ，例如：

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

即它改变了导入它的方式。 检查文档