El servidor de desarrollo devolvió el código de error de respuesta: 500 en reaccionar nativo

estoy usando react-native marco para desarrollar mi aplicación de Android. Quiero usar react-native-material-design biblioteca para hacer Toolbar con algunas características más.

Instalé esta biblioteca en el directorio actual donde mi proyecto está usando el siguiente comando: –

E:\>npm i react-native-material-design -g --save
C:\Users\ch-e00925\AppData\Roaming\npm
`-- 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:\>

Después de esto, tengo un problema al ejecutar una aplicación, es posible que la biblioteca no se haya instalado correctamente.

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

PD: estoy en una máquina con Windows 7, no pude encontrar una manera de ejecutar comandos. He visto esto El servidor de desarrollo devolvió el código de error de respuesta: 500 en react-native pero no me ayudó.

¿Cómo se puede resolver este problema?

babel-preset-react-native hacer este problema. Ejecute los siguientes pedidos en el directorio raíz de su proyecto:

psyarn remove babel-preset-react-native

psyarn add babel-preset-react-native@2.1.0

intenta instalar react-native-material-design localmente en lugar de globalmente.

Parece que el diseño de material nativo de reacción depende de los estilos de diseño de material nativo de reacción que no serán empaquetados por el paquete de React Native ya que su padre es un módulo global.

Tuve el mismo problema con el puerto 8081, cámbielo a 8082. porque ya lo está utilizando algún otro servicio, aquí está el paso, funciona para mí.

Primero ejecute su servidor de paquetes: Blockquote

react-native start --port 8082

Abra otro símbolo del sistema, inicie la aplicación de Android como de costumbre:

react-native run-android

Una vez que finalice, ahora reescriba el puerto tcp que adb tuneliza:

adb reverse tcp:8081 tcp:8082

Vea la lista de túneles adb tcp:

adb reverse --list

Ahora debería ver un mensaje como:

(reverse) tcp:8081 tcp:8082

compruebe su aplicación se ejecutará ………..!

En algún momento surge este error cuando no especifica la ruta correcta de .js archivos

Me gusta en lugar de escribir el Correcto camino :

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

A Equivocado Se escribe la ruta (mayúsculas, error ortográfico, símbolos especiales):

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

• Ve a tu proyecto raíz
• Powershell abierto
• Correr npm start —–reset-cache
• Cuando termine, no lo cierre y abra otro powershell en el directorio raíz de su proyecto al mismo tiempo
• Correr react-native run-android

Primero ejecute, para obtener el número de versión:

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

2.0.1 reaccionar nativo: 0.56.0

Luego desinstalé react-native:

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

eliminó 41 paquetes en 3.999 s

Luego instalé react-native:

npm install react-native@0.55.4

Luego instalé react-native-cli:

npm install -g react-native-cli@1.2.0

Luego use esta instalación para crear un proyecto nativo de reacción:

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

Como recién llegado al campo nativo de React, solía enfrentar este error muchas veces y siempre me confundía. Sin embargo, después de un poco de experiencia, me di cuenta de que sucede cuando el servidor intenta importar algo de un lugar que no existe.

Entonces, verificar qué es todo lo que está importando y si esa cosa existe, debe ser donde debe comenzar.

Eso significa que este error no solo aparece para un paquete desinstalado, sino incluso si está importando algo incorrecto o desde el lugar incorrecto.