web-dev-qa-db-fra.com

Impossible de résoudre le module 'react-navigation'

Voici l'erreur que j'obtiens:

Error

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);

pages/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;

Quelqu'un peut-il m'aider à résoudre ce problème?

react-nativereact-native-android
5
Ahmad M Ibrahim

Cette erreur signifie que vous n'avez pas installé le react-navigation module ou que vous avez installé le module mais n'avez pas reconstruit votre projet à l'aide de react-native run-Android ou react-native run-ios.

Suivre ces étapes devrait résoudre votre problème:

  1. Installer react-navigation module.
  2. Reconstruisez votre projet.
  3. Redémarrez le packager en arrêtant le packager actuel, puis en redémarrant le packager avec react-native start.
12
Akshay Rao

J'ai juste commencé à apprendre à réagir. Et j'ai eu ce problème, j'ai tout essayé sur Internet - rien n'a fonctionné. L'utilisation de Yarn au lieu de npm a aidé!

1
user3368933

Il vous suffit d'installer le module manquant ex.

npm install react-navigation

Redémarrez ensuite avec

npm start
0
Varun Naharia

Nous devons installer les dépendances suivantes:

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

Dans le code, importez les éléments suivants:

  • import {createAppContainer} de 'react-navigation';
  • import {createStackNavigator} de 'react-navigation-stack';
0
Snehal