Question

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

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

我将此主页导入了Navbar.js 而且我已经将Navbar导入了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';

即，它已更改了导入方式。检查docs

我正在尝试使用react-native进行简单的路由，但是出现了类似此错误的构建Javascript包错误

2 个答案: