在 react-native 中运行应用程序时出错答案

【问题标题】：Getting error while running the application in react-native在 react-native 中运行应用程序时出错
【发布时间】：2019-11-12 18:01:35
【问题描述】：

我的App.js文件代码是这样的

import { createAppContainer } from "react-navigation";
import { createStackNavigator } from "react-navigation-stack";
import IndexScreen from "./src/screen/IndexScreen";
const navigator = createStackNavigator({
  Home: {
    screen: IndexScreen
  }
});

export default createAppContainer(navigator);

而我的 index.js 文件就像

import { React } from "react";
import { View, Text, StyleSheet } from "react-native";
const IndexScreen = () => {
  return (
    <View>
      <Text>IndexScreeen</Text>
    </View>
  );
};
const styles = StyleSheet.create({});

export default IndexScreen;

但运行应用程序后，我收到此错误。

我的错误是什么

【问题讨论】：

您是否尝试将IndexScreen 创建为扩展React.Component 并在内部具有函数render() 的类？此外，您的文件名为index.js，您正在尝试导入文件IndexScreen ?

标签： reactjs react-native

【解决方案1】：

您正在导入import IndexScreen from "./src/screen/IndexScreen";，并且您说您的文件名为index.js，对吗？

顺便说一句，我在尝试import { React } from "react"; 时遇到错误。但是，如果我尝试import React from "react";，它会起作用。

【讨论】：

不，我在问题中犯了一个错误，实际上文件名是 IndexScreen.js，我使用了您的建议，即导入 React insted of {React}，但仍然面临同样的问题。
@Utpal 如果您在问题上犯了错误，请对其进行编辑并修复，以避免人们因您的错误代码而以错误的解决方案回答您...

【解决方案2】：

终于解决了，其实我在导入之后就定义了一个函数组件，没有添加换行符或者空行就搞错了。

【讨论】：

【解决方案3】：

三件事：

您正在导入 IndexScreen，而不是 index.js
不是import { React } from "react";。我是import React from "react";
您正在使用 const 从文件中导出。将其用作您可能应该做的反应组件的导出：

    class IndexScreen extends React.Component {
        render() {return (
            <View>
                <Text>IndexScreeen</Text>
            </View>
          );
        }
    }

【讨论】：

不，我在问题中犯了一个错误，实际上文件名是 IndexScreen.js，我使用了您的建议，即导入 React insted of {React}，但仍然面临同样的问题。
您是否尝试过删除 node_modules 文件并重新安装？也许它会帮助你知道。
啊，我想我找到了问题所在。您没有使用 react Component 来输出。我会更新我的答案