无法解决模块'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重新构建项目。< / p>

遵循这些步骤可以解决您的问题：

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

Answer 2

日期：2020年6月25日工作：

执行以下步骤：

1. 安装React导航 npm install react-navigation

2. 安装依赖项 expo install react-native-gesture-handler react-native-reanimated react-native-screens react-native-安全区域上下文@ react-native-community / masked-view

3. 安装React导航堆栈 npm install react-navigation-stack @ react-native-community / masked-view

4. 启动应用并使用以下命令清除缓存 npm start -c

Answer 3

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

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 4

您只需要安装缺少的模块即可。

npm install react-navigation

然后重新启动

npm start

Answer 5

我刚刚开始学习反应。遇到了这个问题，尝试了互联网上的所有内容-没有任何效果。使用Yarn代替npm会有所帮助！

Answer 6

install已替换为add以添加新的依赖项。改为运行yarn add react-navigation。

Answer 7

此错误发生在更新到新版本后，要修复它，只需运行以下命令

npx react-native start --reset-cache