首页 文章

React-Native Invariant Violation：元素类型无效

提问于
浏览 次
7

当我要在我的iPhone Expo上运行我的反应本机应用程序时，此错误显示在红色背景区域中 .

不变违规：元素类型无效：期望一个字符串（对于内置组件）或一个类/函数（对于复合组件）但得到：object . 您可能忘记从其定义的文件中导出组件 .

这是'src / components /'文件夹中的App.js

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


export default class App extends Component {
  render() {
    return (
    	<View>
      		<Text>Hello</Text>
      	</View>
    );
  }
}

这是react-native app文件夹中的主要App.js .

import App from './src/components/App';

我使用expo app运行此代码 . 我该如何解决这个错误？

javascript android ios reactjs react-native

3 回答

  • 4

    Expo希望您从 /App.js 导出组件 . 但是现在你只导入 /App.js . 世博会没有收到任何组成部分 . 您需要导出导入的组件，如下所示：

    export default App;

    旁注：仅在必要时使用类组件 .

    回复于
  • 1

    在我的情况下，而不是像这样导出：

    export default App;

    ...我出口如下：

    export {LoginForm};

    它工作得很好 .

    回复于
  • 1

    我有同样的问题，我在 class yourclassname extends Component 之前将 export default 放在App.js中

    回复于

相关问题