Question

所以我刚接触本机，我正在关注tutorial video，我似乎无法导入'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）检查文件路径是否为splash。它很可能不正确。

不能导入组件反应原生

1 个答案: