Le serveur de développement réponse renvoyée code d'erreur: 500 à réagir natif

Je suis en utilisant react-native cadre pour le développement de mon application android. Je veux utiliser react-native-material-design de la bibliothèque pour faire des Toolbar avec quelques fonctionnalités en plus.

J'ai installé cette bibliothèque dans le répertoire courant où mon projet est à l'aide de commande ci-dessous :-

E:\>npm i react-native-material-design -g --save
C:\Users\ch-e00925\AppData\Roaming\npm
`-- [email protected]
+-- [email protected]  (git+https://github.com/react-n
ative-material-design/react-native-material-design-styles.git#bdc029c1a1c83ff563
d10868be38b8aed1e9989b)
`-- react-native-vector-icons@2.1.0
+-- lodash@4.17.4
`-- [email protected]
+-- [email protected]
| +-- [email protected]
| | `-- ansi-regex@2.1.1
| `-- [email protected]
+-- [email protected]
+-- [email protected]
+-- [email protected]
+-- [email protected]
| `-- lcid@1.0.0
|   `-- [email protected]
+-- [email protected]
| +-- [email protected]
| | +-- [email protected]
| | `-- pinkie-promise@2.0.1
| |   `-- [email protected]
| `-- read-pkg@1.1.0
|   +-- load-json-file@1.1.0
|   | +-- graceful-fs@4.1.11
|   | +-- parse-json@2.2.0
|   | | `-- [email protected]
|   | |   `-- is-arrayish@0.2.1
|   | +-- pify@2.3.0
|   | `-- [email protected]
|   |   `-- is-utf8@0.2.1
|   +-- normalize-package-data@2.3.5
|   | +-- hosted-git-info@2.1.5
|   | +-- is-builtin-module@1.0.0
|   | | `-- [email protected]
|   | +-- [email protected]
|   | `-- validate-npm-package-license@3.0.1
|   |   +-- spdx-correct@1.0.2
|   |   | `-- [email protected]
|   |   `-- spdx-expression-parse@1.0.4
|   `-- [email protected]
+-- [email protected]
+-- [email protected]
+-- [email protected]
+-- [email protected]
| +-- [email protected]
| `-- is-fullwidth-code-point@1.0.0
|   `-- [email protected]
+-- [email protected]
+-- [email protected]
+-- [email protected]
`-- yargs-parser@2.4.1
`-- [email protected]
E:\>

Après cela, je reçois un problème lors de l'exécution d'une application, il est peut-être de bibliothèque n'a pas été installé avec succès.

E:\Myntra>react-native start
Scanning 557 folders for symlinks in E:\Myntra\node_modules (114ms)
┌────────────────────────────────────────────────────────────────────────────┐
│  Running packager on port 8081.                                            │
│                                                                            │
│  Keep this packager running while developing on any JS projects. Feel      │
│  free to close this tab and run your own packager instance if you          │
│  prefer.                                                                   │
│                                                                            │
│  https://github.com/facebook/react-native                                  │
│                                                                            │
└────────────────────────────────────────────────────────────────────────────┘
Looking for JS files in
E:\Myntra
[01/23/2017, 13:36:07] <START> Initializing Packager
[01/23/2017, 13:36:08]         HMR Server listening on /hot
React packager ready.
[01/23/2017, 13:36:12] <START> Requesting bundle
bundle_url: /index.android.bundle?platform=androi
d&dev=true&hot=true&minify=false
[01/23/2017, 13:36:40] <START> Building Haste Map
[01/23/2017, 13:36:40] <END>   Building Haste Map (141ms)
[01/23/2017, 13:36:40] <END>   Initializing Packager (33314ms)
[01/23/2017, 13:36:40] <START> Transforming files
transformed 584/607 (96%)(node:6316) UnhandledPromiseRejectionWarning: Unhandled
promise rejection (rejection id: 605): UnableToResolveError: Unable to resolve
module react-native-material-design-styles from E:\Myntra\node_modules\react-nat
ive-material-design\lib\config.js: Module does not exist in the module map or in
these directories:
E:\Myntra\node_modules\react-native-material-design\node_modules
,   E:\Myntra\node_modules
This might be related to https://github.com/facebook/react-native/issues/4968
To resolve try the following:
1. Clear watchman watches: `watchman watch-del-all`.
2. Delete the `node_modules` folder: `rm -rf node_modules && npm install`.
3. Reset packager cache: `rm -fr $TMPDIR/react-*` or `npm start -- --reset-cac
he`.
[01/23/2017, 13:54:09] <START> Requesting bundle
bundle_url: /index.android.bundle?platform=androi
d&dev=true&hot=true&minify=false

PS : je suis sur Windows 7 machine, ne pouvait pas trouver un moyen d'exécuter des commandes. J'ai vu ce Le serveur de développement réponse renvoyée code d'erreur: 500 à réagir indigènes mais il ne m'aide pas.

Quelqu'un peut m'aider à résoudre ce problème. Merci à l'avance.

Le serveur de développement réponse renvoyée code d'erreur: 500 à réagir natif

avez-vous essayez d'installer react-native-material-design localement et à l'échelle mondiale?
oui, il a travaillé ThanksI voulez savoir la raison, comment il est différent si j'installe package npm à l'échelle mondiale ? et pourriez-vous svp répondre à ce que je puisse marquer, il a accepté de répondre à

OriginalL'auteur N Sharma | 2017-01-23

5

essayez d'installer react-native-material-design localement et à l'échelle mondiale.

Il ressemble à réagir-native-matériau de conception dépend de réagir-native-matériel-de la conception des styles qui ne sera pas emballé par Réagir originaire de bundler depuis son parent est un module global.

s'il vous plaît montrer par un exemple je suis nouveau dans ce
il était en train de faire: npm i react-native-material-design -g --save au lieu de cela, il devrait être en train de faire: npm i react-native-material-design --save

OriginalL'auteur Emilio Rodriguez
9

babel-preset-react-native faire de cette difficulté. Exécutez les commandes ci-dessous dans votre projet root dir:

$yarn remove babel-preset-react-native

$yarn add [email protected]

OriginalL'auteur jiar wang
4

Courant de cette erreur survient lorsque vous ne spécifiez le chemin d'accès correct .js fichiers

Comme au lieu de taper le Corriger chemin :
```
var WeatherProject = require('./Main/WeatherProject');
```
Un Mal Chemin est tapé (capitalisation,erreur d'orthographe,de symboles spéciaux) :
```
var WeatherProject = require('./WeatherProject');
```
Merci en Effet c'était un problème.Je capitalisés mon nom de fichier et j'ai oublié de le changer dans l'instruction d'importation
merci, j'ai reçu votre réponse dans mon cas, dans la zone entrez le mauvais chemin des images.
Merci, je suis allé à travers tous mes fichiers et réalisé que j'avais encore une instruction d'importation à l'aide d'un fichier précédent, j'ai eu récemment supprimés.

OriginalL'auteur Lutaaya Huzaifah Idris
3

J'ai eu le même problème avec le port 8081, la changer, 8082. car il est déjà utilisé par un autre service ici est l'étape de son travail pour moi

De la première exécution de votre serveur:
Blockquote
```
react-native start --port 8082
```
Ouvrir une autre invite de commande, lancez l'application pour Android comme d'habitude:
```
react-native run-android
```
Une fois qu'elle est terminée, maintenant réécrire le port tcp bad tunnels:
```
adb reverse tcp:8081 tcp:8082
```
Voir la liste des bad tcp tunnels:
```
adb reverse --list
```
Maintenant, Vous devriez maintenant voir un message comme:
```
(reverse) tcp:8081 tcp:8082
```
vérifier votre application, il sera exécuté ...........!

OriginalL'auteur Rahul Jograna
2

L'une des raisons pourquoi j'ai eu cette erreur est parce que j'ai importé "réagissent-native" de la bibliothèque deux fois.
```
import { View, Text, ActivityIndicator } from "react-native";
import { View, Text, ActivityIndicator, TouchableOpacity, StyleSheet } from "react-native";
```
Je ne sais pas Si cela peut vraiment causer ce problème, mais de supprimer le redondante ligne de l'importation résolu ce problème pour moi.

OriginalL'auteur Saurabh Thakur
2

Exécuter en premier lieu, pour obtenir le numéro de version:
```
C:\WINDOWS\system32>react-native -v react-native-cli
```
2.0.1 réagir indigènes: 0.56.0

Puis je l'ai désinstallé réagir indigènes:
```
C:\WINDOWS\system32>npm uninstall -g react-native-cli
```
retiré 41 paquets dans 3.999 s

Puis j'ai installé réagir indigènes:
```
npm install react-native@0.55.4
```
Puis j'ai installé réagir-native-cli:
```
npm install -g react-native-cli@1.2.0
```
Ensuite utiliser cette installation pour créer une réaction natif de projet:
```
react-native init --version="0.55.4" myprojectname
```
j'ai créer sur windows 10 à 100%

OriginalL'auteur sarawut singkiporn
1

Nouveau venu à la Réaction de champ natif, j'ai utilisé pour faire face à cette erreur charges de fois, et j'ai toujours l'habitude d'aller confus. Après un peu d'expérience, j'ai réalisé, il arrive quand le serveur tente d'importer quelque chose à partir d'un lieu qui n'existe pas.

Afin de vérifier ce que tous vous importez et si cette chose existe, doit être l'endroit où vous devriez commencer.

Que signifie cette erreur n'est pas juste pop up pour un paquetage désinstallé, mais même si vous importez la mauvaise chose ou de la mauvaise place.

OriginalL'auteur Aditya Gullapalli
1

À chaque fois que l'une d'obtenir ce genre d'Erreur avec le Code d'Erreur 500. Suivant la raison derrière cela.

1) Vous pourriez travailler dans un système Linux & Vous devez exécuter l'application avec le terminal & vérifier dans le Simulateur Android plutôt dans les Dispositifs.

2)Si vous travaillez avec ci-dessus alors assurez-vous que votre Simulateur Femme doit être off & puis, avec Studio, Il va fonctionner parfaitement.

J'espère que vous aurez la solution.

OriginalL'auteur Rahul Patel
0

Il se pourrait que le nom des fichiers JavaScript que vous avez importé est de même avec toute Réagir prédéfinies de bibliothèques de composants. Par exemple, l'importation de View.js à partir du dossier app/composants que vous avez créé.
```
import View from './app/components/View'
```
La déclaration ci-dessus va produire l'erreur. Donc, en changeant le nom du fichier à Interface.js
```
import Interface from './app/components/Interface'
```
Maintenant, le code peut s'exécuter bien

OriginalL'auteur Mohd Khairulamirin
0

Si vous utilisez réagir-version native: 56.0 ensuite revenir il version 54 .Sa a fonctionné pour moi

OriginalL'auteur Hoque MD Zahidul
0

Pour ceux qui utilisent stores ou le haut niveau des composants. Si vous en supprimez un, assurez-vous que ce n'est pas être importés de n'importe où ailleurs.

Dans mon cas, j'ai supprimé un magasin qui a été importé de haut niveau.

OriginalL'auteur kemicofa
0

réagir-native bundle --plate-forme android-dev faux-entrée-fichier index.js --bundle-sortie android/app/src/main/assets/index.android.bundle --actifs-dest android/app/src/main/res

exécuter cette commande : affiche l'erreur comme deux fois la fermeture de balises ou incapable de trouver toutes les module

utiliser sudo avant la commande dans les systèmes basés sur linux

OriginalL'auteur Shubham Kakkar

Vous devez vous connecter pour publier un commentaire.