Le serveur de développement a renvoyé le code d'erreur de réponse: 500 in réag native

Question

J'utilise react-native framework pour développer mon Android app. Je souhaite utiliser react-native-material-design bibliothèque pour créer Toolbar avec encore plus de fonctionnalités.

J'ai installé cette bibliothèque dans le répertoire actuel où mon projet utilise la commande ci-dessous: -

E:\>npm i react-native-material-design -g --save C:\Users\ch-e00925\AppData\Roaming
pm `-- react-native-material-design@0.3.7 +-- react-native-material-design-styles@0.2.6 (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 `-- yargs@4.8.1 +-- cliui@3.2.0 | +-- strip-ansi@3.0.1 | | `-- ansi-regex@2.1.1 | `-- wrap-ansi@2.1.0 +-- decamelize@1.2.0 +-- get-caller-file@1.0.2 +-- lodash.assign@4.2.0 +-- os-locale@1.4.0 | `-- lcid@1.0.0 | `-- invert-kv@1.0.0 +-- read-pkg-up@1.0.1 | +-- find-up@1.1.2 | | +-- path-exists@2.1.0 | | `-- pinkie-promise@2.0.1 | | `-- pinkie@2.0.4 | `-- read-pkg@1.1.0 | +-- load-json-file@1.1.0 | | +-- graceful-fs@4.1.11 | | +-- parse-json@2.2.0 | | | `-- error-ex@1.3.0 | | | `-- is-arrayish@0.2.1 | | +-- pify@2.3.0 | | `-- strip-bom@2.0.0 | | `-- is-utf8@0.2.1 | +-- normalize-package-data@2.3.5 | | +-- hosted-git-info@2.1.5 | | +-- is-builtin-module@1.0.0 | | | `-- builtin-modules@1.1.1 | | +-- semver@5.3.0 | | `-- validate-npm-package-license@3.0.1 | | +-- spdx-correct@1.0.2 | | | `-- spdx-license-ids@1.2.2 | | `-- spdx-expression-parse@1.0.4 | `-- path-type@1.1.0 +-- require-directory@2.1.1 +-- require-main-filename@1.0.1 +-- set-blocking@2.0.0 +-- string-width@1.0.2 | +-- code-point-at@1.1.0 | `-- is-fullwidth-code-point@1.0.0 | `-- number-is-nan@1.0.1 +-- which-module@1.0.0 +-- window-size@0.2.0 +-- y18n@3.2.1 `-- yargs-parser@2.4.1 `-- camelcase@3.0.0 E:\>

Après cela, j’obtiens un problème lors de l’exécution d’une application: il se peut que la bibliothèque n’ait pas été installée correctement.

E:\Myntra>react-native start Scanning 557 folders for symlinks in E:\Myntra
ode_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
ode_modules
eact-nat ive-material-design\lib\config.js: Module does not exist in the module map or in these directories: E:\Myntra
ode_modules
eact-native-material-design
ode_modules , E:\Myntra
ode_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 sous Windows 7, je n’ai pas trouvé le moyen d’exécuter des commandes. J'ai vu ceci le serveur de développement a renvoyé le code d'erreur de réponse: 500 dans réag-native mais cela ne m'a pas aidé.

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

Emilio Rodriguez · Accepted Answer

essayez d'installer react-native-material-design localement plutôt que globalement.

Il semble que react-native-material-design dépend de styles de react-native-material-design qui ne seront pas empaquetés par React Le bundler de Native puisque son parent est un module global.

jiar wang · Answer

babel-preset-react-native faire ce problème. Exécutez les commandes ci-dessous dans le répertoire racine de votre projet:

$ yarn remove babel-preset-react-native

$ yarn add babel-preset-react-native@2.1.0

Lutaaya Huzaifah Idris · Answer

Parfois, cette erreur se produit lorsque vous ne spécifiez pas le chemin correct de .js des dossiers

Comme au lieu de taper le chemin Correct:

var WeatherProject = require('./Main/WeatherProject');

Un Wrong Le chemin est saisi (majuscule, faute d'orthographe, symboles spéciaux):

var WeatherProject = require('./WeatherProject');

Rahul Jograna · Answer

J'ai eu le même problème avec le port 8081, changez-le en 8082. Parce qu'il est déjà utilisé par un autre service, voici son travail pour moi

Tout d’abord, lancez votre serveur de paquets: Blockquote

react-native start --port 8082

Ouvrez une autre invite de commande, démarrez l'application Android comme d'habitude:

react-native run-Android

Une fois terminé, réécrivez maintenant le port TCP que les tunnels adb:

adb reverse tcp:8081 tcp:8082

Voir la liste des tunnels TCP ADB:

adb reverse --list

Maintenant, vous devriez maintenant voir un message comme:

(reverse) tcp:8081 tcp:8082

vérifiez votre application, elle s'exécutera ...........!

ElKaygi · Answer

J'ai eu le même problème, l'un de mes modules de nœud n'était pas bien configuré (réaction de navigation), je l'ai donc réinstallé localement en utilisant

npm install react-navigation --save

sarawut singkiporn · Answer

Commencez par exécuter le numéro de version:

C:\WINDOWS\system32>react-native -v react-native-cli

2.0.1 réactif natif: 0.56.0

Ensuite, j'ai désinstallé react-native:

C:\WINDOWS\system32>npm uninstall -g react-native-cli

retiré 41 paquets en 3.999s

Ensuite, j'ai installé react-native:

npm install react-native@0.55.4

Ensuite, j'ai installé react-native-cli:

npm install -g react-native-cli@1.2.0

Utilisez ensuite cette installation pour créer un projet natif de réaction:

react-native init --version="0.55.4" myprojectname

Saurabh Thakur · Answer

Une des raisons pour lesquelles j'ai eu cette erreur était parce que j'ai importé deux fois la bibliothèque 'react-native'.

import { View, Text, ActivityIndicator } from "react-native"; import { View, Text, ActivityIndicator, TouchableOpacity, StyleSheet } from "react-native";

Je ne sais pas si cela peut réellement causer ce problème, mais la suppression de la ligne d'importation redondante a résolu ce problème pour moi.

Rahul Patel · Answer

Chaque fois que quelqu'un obtient ce type d'erreur avec le code d'erreur 500. La raison derrière cela.

1) Vous pouvez travailler sur un système Linux et vous devez exécuter une application avec le terminal et vérifier dans le Android Simulator plutôt que dans Périphériques).

2) Si vous travaillez avec ce qui précède, assurez-vous que votre femme Simulator doit être éteinte et travailler avec Studio. Elle fonctionnera parfaitement.

J'espère que vous obtiendrez la solution.

krushali kevadiya · Answer

1) Vous pouvez travailler sur un système Linux et vous devez exécuter une application avec le terminal et vérifier dans le Android Simulator plutôt que dans Périphériques).

2) Si vous travaillez avec ce qui précède, assurez-vous que votre Simulator Wifi soit éteint et qu'il fonctionne avec Studio. Il fonctionnera parfaitement.

3) Assurez-vous qu’il ne devrait pas y avoir de terminal multi-pal ou de fenêtre de commande ouvert en même temps. s'il ferme alors un

Aditya Gullapalli · Answer

En tant que nouveau venu dans le domaine natif de React, j'avais l'habitude de faire face à cette erreur de nombreuses fois, et j'avais toujours l'habitude d'être confus. Après un peu d'expérience, j'ai réalisé que cela se produisait lorsque le serveur essayait d'importer quelque chose d'un endroit qui n'existe pas.

Donc, en vérifiant ce que vous importez et si cette chose existe, vous devez commencer par là.

Cela signifie que cette erreur ne s'affiche pas simplement pour un package désinstallé ou similaire, mais même si vous importez la mauvaise chose ou du mauvais endroit.

amirmohamad · Answer

Aller à votre projet racine
Powershell ouvert
Courir npm start —–reset-cache
Quand c'est fait, ne le fermez pas et ouvrez un autre PowerShell dans le répertoire racine de votre projet en même temps
Courir react-native run-Android

Hoque MD Zahidul · Answer

Si vous utilisez la version native de react: 56.0, rétrogradez ensuite la version 54.Elle a fonctionné pour moi

Shubham Kakkar · Answer

bundle réactif natif --platform Android --dev false --entry-file index.js --bundle-output Android/app/src/main/assets/index. Android.bundle --assets-dest Android/app/src/main/res

lancer cette commande: cela montrera l'erreur comme deux fois la fermeture des balises ou impossible de trouver un module

utiliser Sudo avant la commande sur les systèmes Linux

kemicofa · Answer

Pour ceux qui utilisent stores ou des composants de niveau supérieur. Si vous en supprimez un, assurez-vous qu'il n'est pas importé ailleurs.

Dans mon cas, j'ai supprimé un magasin en cours d'importation de premier niveau.

Mohd Khairulamirin · Answer

Il se peut que le nom des fichiers JavaScript que vous avez importés soit identique à celui de toutes les bibliothèques/composants prédéfinis React. Par exemple, importez View.js à partir du dossier app/components que vous avez créé.

import View from './app/components/View'

L'instruction ci-dessus produira l'erreur. Donc, en changeant le nom du fichier en Interface.js

import Interface from './app/components/Interface'

Maintenant, le code peut bien fonctionner