web-dev-qa-db-fra.com

Module introuvable: impossible de résoudre le problème 'réactif natif' - React Native

Je viens de commencer à apprendre React Native et je voulais ajouter des champs de saisie à la page. J'ai parcouru ce tutoriel pour ajouter des champs de saisie. Mais chaque fois que je lance l'application React, l'erreur suivante est générée.

./src/Inputs.js
Module not found: Can't resolve 'react-native' in 'E:\hybrid\reactDemo\src'

J'ai vérifié si le module de nœud réactif-natif est présent ou non, puis j'ai appris que le module réactif-natif n'était pas là. Je l'ai installé exécuter l'application à nouveau, mais il montre la même erreur. J'ai passé plus de 8 heures à ce sujet mais je suis incapable de résoudre cette erreur. J'ai essayé toute la solution de Google mais aucune d'entre elles n'a fonctionné pour moi. 

Remarque: J'utilise Windows PC

Mise à jour 1: J'importe reag-native comme suit

import { View, Text, TouchableOpacity, TextInput, StyleSheet } from 'react-native'

Mise à jour 2:

Ceci est mon fichier package.json

{    
  "name": "reactDemo",
  "version": "0.1.0",
  "private": true,
  "dependencies": {
    "react": "^16.3.1",
    "react-dom": "^16.3.1",
    "react-native": "^0.54.4",
    "react-router": "^3.0.5",
    "react-scripts": "1.1.4"
  },
  "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test --env=jsdom",
    "eject": "react-scripts eject"
  }
}
reactjsreact-native
2
Alpesh Trivedi

Votre projet ne peut pas voir le package react-native. Si vous avez déjà toutes les dépendances requises installées (pour utiliser rea-native), allez à la fin de ce post. si non, je suggère vous avez ce qui suit:

  1. react-scripts: contient les scripts utilisés dans create-react-app.
  2. react-dom: autorise le rendu de code de réaction dans une page HTML
  3. react-native-web: la source principale de magie dans cette application. Cette bibliothèque convertira nos composants réactifs en éléments Web.
  4. react-art: une dépendance des pairs pour react-native-web
  5. react-router-native: bibliothèque de routage pour React Native
  6. react-router-dom: bibliothèque de routage pour React sur le Web

=============================================== =======================

Tout d'abord, vous avez besoin de dépendances compatibles babel-jest. Pour corriger l’arbre de dépendance, suivez les étapes ci-dessous dans l’ordre exact:

  1. Supprimez package-lock.json (pas package.json!) Et/ou yarn.lock dans Votre dossier de projet.
  2. Supprimez node_modules dans votre dossier de projet.
  3. Supprimez "babel-jest" des dépendances et/ou devDependencies du fichier package.json dans votre dossier de projet.
  4. Exécutez npm install ou yarn, en fonction du gestionnaire de paquets que vous utilisez.

La configuration ci-dessus ne nécessite pas la configuration manuelle de Webpack, car réag-scripts le fait. 

Peut-être que vous n'utilisez ni tout cela, ni même les scripts de réaction, vous devez donc configurer votre webpack.config.js. Pour résoudre ce problème, essayez ce qui suit:

const path = require('path')

module.exports = ({platform}, defaults) => ({
  ...defaults,
  entry: './index.js',
  /* ... */
  resolve: {
    ...defaults.resolve,
    alias: {
       ...defaults.resolve.alias,
      react: path.join(__dirname, 'node_modules/react'),
      'react-native': path.join(__dirname, 'node_modules/react-native'),
    }
  }
})
1
Alekssandro Assis Barbosa

À quoi ressemble votre package.json?

Contient-il "react-native": "x.x.x" sous des dépendances?

0
henrik

Le chemin du fichier ne mentionne pas correctement. S'il vous plaît vérifier à nouveau. Le problème réside dans votre importation externe des fichiers du répertoire src et confirmez que le fichier se trouve dans le chemin mentionné.

0
Naleen Dissanayake