Javascript 不能'；找不到'；组件''；getComponent'；或'；儿童'；屏幕的道具'；车载网页'；

我一直在与下面的代码斗争。 这里是错误

这是我的OnboardPage.js

import React, { Component } from 'react';
import {
    View,
    StyleSheet,
    Button,
    Text
} from 'react';
import { render } from 'react-dom';
import { TouchableOpacity } from 'react-native';

const OnboardPage = () => {
    return(
        <View>
           <Text>
               OnboardPage
           </Text>
        </View>
    );
};

export { OnboardPage };

import { StatusBar } from 'expo-status-bar';
import * as React from 'react';
import { createStackNavigator } from '@react-navigation/stack';
import { NavigationContainer } from '@react-navigation/native';

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

import OnboardPage from './Screens/OnboardPage';

const Stack = createStackNavigator();

const App = () => {

  return(
    <NavigationContainer>
      <Stack.Navigator initialRouteName= {"OnboardPage"}>
        <Stack.Screen name = "OnboardPage" component = {OnboardPage} />
      </Stack.Navigator>
    </NavigationContainer>
  )
}

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

export default App;

import React，{Component}来自'React'；
进口{
看法
样式表，
按钮
正文
}从"反应",；
从'react dom'导入{render}；
从“react native”导入{TouchableOpacity}；
const OnboardPage=（）=>{
返回(
登载页
);
};
导出{OnboardPage}；

这是我的App.js

import React, { Component } from 'react';
import {
    View,
    StyleSheet,
    Button,
    Text
} from 'react';
import { render } from 'react-dom';
import { TouchableOpacity } from 'react-native';

const OnboardPage = () => {
    return(
        <View>
           <Text>
               OnboardPage
           </Text>
        </View>
    );
};

export { OnboardPage };

import { StatusBar } from 'expo-status-bar';
import * as React from 'react';
import { createStackNavigator } from '@react-navigation/stack';
import { NavigationContainer } from '@react-navigation/native';

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

import OnboardPage from './Screens/OnboardPage';

const Stack = createStackNavigator();

const App = () => {

  return(
    <NavigationContainer>
      <Stack.Navigator initialRouteName= {"OnboardPage"}>
        <Stack.Screen name = "OnboardPage" component = {OnboardPage} />
      </Stack.Navigator>
    </NavigationContainer>
  )
}

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

export default App;

从“世博会状态栏”导入{StatusBar}；
从“React”导入*作为React；
从'@react navigation/stack'导入{createStackNavigator}；
从'@react-navigation/native'导入{NavigationContainer}；
从“react native”导入{样式表、文本、视图}；
从“./Screens/OnboardPage”导入OnboardPage；
const Stack=createStackNavigator（）；
常量应用=（）=>{
返回(
)
}
const styles=StyleSheet.create({
容器：{
弹性：1，
背景颜色：“#fff”，
对齐项目：“居中”，
为内容辩护：“中心”，
},
});
导出默认应用程序；

---

我不知道发生了什么事。我在这里尝试了几个修复程序，然后决定发布我自己，因为它们都不起作用。

你应该使用

导出默认OnboardPage

而不是

导出{OnboardPage}如果我这样做，此错误将显示：“元素类型无效：需要字符串（对于内置组件）或类/函数（对于复合组件），但得到：未定义。您可能忘记从定义组件的文件中导出组件，或者您可能混淆了默认导入和命名导入。”这个错误就是我当初这样写的原因。