无法解决模块'react-navigation'

Question

这是我得到的错误:

的package.json

{
  "name": "LoginApp2",
  "version": "0.0.1",
  "private": true,
  "scripts": {
    "start": "node node_modules/react-native/local-cli/cli.js start",
    "test": "jest"
  },
  "dependencies": {
    "react": "16.0.0-alpha.12",
    "react-native": "0.48.3"
  },
  "devDependencies": {
    "babel-jest": "21.2.0",
    "babel-preset-react-native": "4.0.0",
    "jest": "21.2.1",
    "react-test-renderer": "16.0.0-alpha.12"
  },
  "jest": {
    "preset": "react-native"
  }
}

index.js

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

import UsersManager from './pages/app';
AppRegistry.registerComponent('LoginApp2', () => UsersManager);

页/ app.js

import React, { Component } from 'react';
import { AppRegistry,View,Text,StyleSheet,ScrollView,TouchableOpacity } from 'react-native';
import { StackNavigator } from 'react-navigation';

import HomeScreen from './home';
import Login from './login';
import Register from './register';
import Profile from './profile';

const UsersManager = StackNavigator({
Home: { screen: HomeScreen },
Login: { screen: Login },
Register: {screen: Register},
Profile: {screen: Profile}

});
export default UsersManager;

有人可以帮我解决这个问题吗？

Answer 1

此错误表示您尚未安装react-navigation模块或已安装模块但未使用react-native run-android或重新构建项目react-native run-ios.

遵循这些步骤应解决您的问题:

1. 安装react-navigation模块.
2. 重建您的项目.
3. 通过停止当前打包器然后再次启动打包器来重新启动打包器react-native start.

Answer 2

我们需要安装以下依赖项：

npm i react-navigation @react-native-community/masked-view react-native-gesture-handler react-native-reanimated react-native-safe-area-context react-native-screens

在代码中导入以下内容：

import {createAppContainer} from 'react-navigation'; 
import {createStackNavigator} from 'react-navigation-stack';

Answer 3

日期 : 25-June-2020 工作 :

请按照以下步骤操作：

1. 安装 React Navigation npm install react-navigation

2. 安装依赖项 expo install react-native-gesture-handler react-native-reanimated react-native-screens react-native-safe-area-context @react-native-community/masked-view

3. 安装 React Navigation Stack npm install react-navigation-stack @react-native-community/masked-view

4. 使用 npm start -c 启动应用程序并清除缓存