React Native，元素类型无效：期望有一个字符串（对于内置组件）

同样的问题已经在几篇文章中解决了，但是他们中没有人帮助过我（我是React Native的新手，所以可能有一个解决方案，但我找不到）React Native，元素类型无效：期望有一个字符串（对于内置组件）

我的代码使用路由和屏幕。 App.js：

import React from 'react'; 
import { StackNavigator } from 'react-navigation'; 

import HomeScreen from './screens/HomeScreen.js'; 

const App = StackNavigator({ 
    Home: { screen: HomeScreen } 
});

HomeScreen.js：

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

export default class HomeScreen extends Component { 
    onPressLearnMore() { 

    } 

    render() { 
    return (
     <View style={styles.container}> 
     <Button title="Learn More" onPress={() => this.onPressLearnMore()} /> 
     </View> 
    ); 
    } 
} 

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

有什么不对？

项目结构：

来源

2017-09-13 Vlad Hatko

什么是你的文件结构？是与屏幕目录在同一目录中的App.js？你可以发布完整的错误吗？ – bennygenel

真是愚蠢的错误。我只是没有导入任何地方 –

你并不需要定义您的导入文件类型。

更改此import HomeScreen from './screens/HomeScreen.js';

对此import HomeScreen from './screens/HomeScreen';

希望它能帮助。

编辑：只是聚集在这个答案的所有信息，如建议的意见，你也应该导出App.js

来源

2017-09-13 17:43:19 soutot

谢谢你的回答，但不，它没有 –

你的App.js中是否还有其他代码？例如，你如何输出它？ – soutot

App.js不会导出到任何地方 –

你必须export default App在app.js

来源

2017-09-13 17:50:10

React Native，元素类型无效：期望有一个字符串（对于内置组件）

回答

相关问题