反应本机组件异常

问题描述

我在处理另一个文件时收到此错误消息

错误：找不到屏幕“Store”的“component”、“getComponent”或“children”道具。如果您传递了“未定义”，就会发生这种情况。您可能忘记从定义组件的文件中导出组件，或者在导入时混淆了默认导入和命名导入。

我的商店文件 - screen/Store.js：

import React from "react";
import {
    StyleSheet,SafeAreaView,View,Text,TouchableOpacity,Image,Animated
} from "react-native";
import { isIphoneX } from 'react-native-iphone-x-helper'

import { icons,COLORS,SIZES,FONTS } from '../constants'

const Store = ({ route,navigation }) => {
...
export default Store;

我的主页文件 - screen/Home.js

import React from "react";
import {
    SafeAreaView,StyleSheet,FlatList
} from "react-native";

import { icons,images,FONTS } from '../constants'

const Home = ({ navigation }) => {
...
export default Home;

我的导航文件 -navigation/tab.js：

import React from 'react';
import {
    View,TouchableOpacity
} from 'react-native';
import { createBottomTabNavigator,BottomTabBar } from "@react-navigation/bottom-tabs"
import Svg,{ Path } from 'react-native-svg';
import { isIphoneX } from 'react-native-iphone-x-helper';

import {Home,User} from '../screens'
import { COLORS,icons } from "../constants"
const Tabs = () => {
...
}

export default Tabs

和我在主文件夹中的 App.js 文件

import React from 'react';
import { createStackNavigator } from "@react-navigation/stack";
import { NavigationContainer } from '@react-navigation/native';

import { Store,OrderDelivery,User } from './screens';
import Tabs from './navigation/tabs';

const Stack = createStackNavigator();

const App = () => {
    return (
        <NavigationContainer>
            <Stack.Navigator
                screenoptions={{
                    headerShown: false
                }}
                initialRouteName={'Home'}
            >
                <Stack.Screen name="Home" component={Tabs} />
                <Stack.Screen name="Store" component={Store} />
                <Stack.Screen name="OrderDelivery" component={OrderDelivery} />
                <Stack.Screen name="User" component={User} />
            </Stack.Navigator>
        </NavigationContainer>
    )
}

export default App;

我明白消息的意思，但我不明白我做错了什么以及如何解决它，请帮忙。

解决方法

你确定你在 Store.js 中导入了 React，尝试添加 import React from 'react';

,

尝试import Store from './screens/Store';