Question

我目前正在使用 React Native 开发一个项目，在尝试创建第一组屏幕时，我开始收到此错误...

“错误：元素类型无效：需要字符串（对于内置组件）或类/函数（对于复合组件）但得到：未定义。您可能忘记从定义组件的文件中导出组件，或者您可能混淆了默认导入和命名导入。”

我不是 React Native 的初学者，也不是专家，这是我第一次在 Macbook 上构建 RN。我不确定是否有我在某处遗漏的错字，如果我的路径没有正确定义，或者我只是需要另一杯咖啡 - 无论哪种方式，我都会喜欢另一组眼睛，任何帮助都是很大的赞赏。我将在下面发布我的欢迎屏幕组件和 App.js 的代码。除了资产之外，这些是我正在处理的唯一文件。我还将发布我的文件结构的屏幕截图。再次感谢！

import React from 'react';
import { View } from 'react-native';
import WelcomeScreen from './app/screens/WelcomeScreen';


export default function App() {

  return (
   <WelcomeScreen />
  );

};

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

function WelcomeScreen(props) {
    return (
        <ImageBackgroundComponent style={styles.background} source={require('../assets/background.jpg')}>
            <View style={styles.loginButton}>

            </View>
        </ImageBackgroundComponent>
    );
}


const styles = StyleSheet.create({
    background: {
        flex: 1,
    },
    loginButton: {
        width: '100%',
        height: 70,
    }
})

export default WelcomeScreen;

文件结构

Answer 1

尝试使用 ImageBackground 而不是 ImageBackgroundComponent

在 React Native 中接收错误消息我无法弄清楚

1 个答案: