反应导航安装和首次使用

Question

我使用react-native，版本为"version": "0.57.1"。我已经通过以下方式安装了反应导航：

npm install --save react-navigation

反应导航版本为react-navigation@3.4.0。 app.js文件的内容如下：

import * as React from 'react';
import { Text, View } from 'react-native';
// import { createStackNavigator } from 'react-navigation';

class HomeScreen extends React.Component {
  render() {
    return (
      <View style={{ flex: 1, alignItems: "center", justifyContent: "center" }}>
        <Text>Home Screen</Text>
      </View>
    );
  }
}

export default HomeScreen;

此示例在博览会上工作正常。但是当我运行第三行时，会发生错误。

  

[16:57:50]尝试从文件中解析模块react-navigation时   /home/ubuntu/workspace/App.js，包裹   /home/ubuntu/workspace/node_modules/react-navigation/package.json   已成功找到。但是，此程序包本身指定了一个   main个无法解析的模块字段   （/home/ubuntu/workspace/node_modules/react-navigation/src/react-navigation.js。   实际上，这些文件都不存在：[16:57:50] [16:57:50] *   /home/ubuntu/workspace/node_modules/react-navigation/src/react-navigation.js(.native||.android.js|.native.js|.js|.android.json|.native.json|.json|.android.ts|.native.ts|.ts|.android.tsx|.native.tsx|.tsx)   [16:57:50] *   /home/ubuntu/workspace/node_modules/react-navigation/src/react-navigation.js/index(.native||.android.js|.native.js|.js|.android.json|.native.json|.json|.android.ts|.native.ts|.ts|.android.tsx|.native.tsx|.tsx)

Answer 1

奇怪的是，您不需要安装react导航，特别是在制作expo项目时应自动安装它，我建议删除您的节点模块并使用以下内容重新安装

rm -rf node_module && npm install
npm audit fix 
expo start

如果这不能解决问题，请尝试创建一个新项目，然后将您的课程复制到该项目中，希望对您有帮助