react-navigation 安装及首次使用

Question

我用过 react-native，版本是"version": "0.57.1"。我已经通过以下方式安装了 react-navigation：

npm install --save react-navigation

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

这很奇怪，您不需要专门安装反应导航，这应该在制作 expo 项目时自动安装我建议删除您的节点模块并使用以下内容再次安装

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

如果这不起作用，请尝试创建一个新项目并将您的类复制到它希望这会有所帮助