无法导入组件反应本机

Question

因此，我是本机反应的新手 ，并且正在观看本教程视频 ，但似乎无法导入“ Splash”组件。

这是我收到的错误消息

错误信息

这是我编写的代码

import React, { Component } from 'react';
import {
  Platform,
  StyleSheet,
  Text,
  View,
  Image,
  TextInput,
} from 'react-native';

import Splash from './splash';


export default class App extends Component<{}> {
  render() {
    return (

      <Splash/>
    );
  }
}

还有我要导入的组件

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

export default class Splash extends Component {
    render() {
       return(
            <View style={styles.wrapper}>
                <View style={styles.titleWrapper}>
                    <Text style={styles.title}>Hello World!</Text>
                </View>
                <View>
                    <Text style={styles.subtitle}>Powered by React 
Native</Text>
                </View>
            </View>
        );
    }

}

const styles = Stylesheet.create({
    wrapper: {
        backgroundColor: 'red',
        flex: 1,
        justifyContent: 'center',
        alignItems: 'center'
    },

    title: {
        color: 'white',
        fontSize: 35,
        fontWeight: 'bold',
    },

    subtitle: {
        color: 'white',
        fontWeight: '200',
        paddingBottom: 20

    },

    titleWrapper: {
        justifyContent: 'center',
        flex: 1
    }
});

任何帮助将不胜感激。

Answer 1

您可以执行2种解决方案。
1）您是否尝试过重新运行模拟器。 有时您只需要再次重新运行模拟器，因为它在首次运行时不会拾取您的文件。
2） import Spalsh from './Splash您需要大写Splash
3）检查要启动的文件路径。 它很可能不正确。