Сервер разработки вернул код ошибки ответа: 500 в React native

я использую react-native рамки для разработки моего приложения для android. Я хочу использовать react-native-material-design библиотеку для создания Toolbar С некоторыми другими функциями.

я установил эту библиотеку в текущий каталог, где мой проект использует следующую команду : -

E:>npm i react-native-material-design -g --save
C:Usersch-e00925AppDataRoamingnpm
`-- 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:>

после этого я получаю одну проблему во время запуска приложения, это может быть библиотека не была установлена успешно.

E:Myntra>react-native start
Scanning 557 folders for symlinks in E:Myntranode_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:Myntranode_modulesreact-nat
ive-material-designlibconfig.js: Module does not exist in the module map or in
 these directories:
  E:Myntranode_modulesreact-native-material-designnode_modules
,   E:Myntranode_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: Я на машине Windows 7, не смог найти способ выполнения команд. Я видел это сервер разработки вернул код ошибки ответа: 500 в react-native

может ли кто-нибудь помочь мне решить эту проблему. Спасибо заранее.

enter image description here

9 ответов


попробуйте установить react-native-material-design локально, а не глобально.

похоже, что react-native-material-design зависит от стилей react-native-material-design, которые не будут упакованы в пакет React Native, поскольку его родитель является глобальным модулем.


babel-preset-react-native сделать проблема. Запуск ниже заказов в корневом каталоге проекта:

$yarn remove babel-preset-react-native

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


иногда эта ошибка возникает когда вы не указываете правильный путь .js файлы

как вместо ввода правильно путь :

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

A неправильно набирается путь (капитализация, орфографическая ошибка, специальные символы):

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

сначала выполните, чтобы получить номер версии:

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

2.0.1 react-native: 0.56.0

затем я удалил react-native:

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

удален 41 пакет в 3.999 s

затем я установил react-native:

npm install react-native@0.55.4

затем я установил react-native-cli:

npm install -g react-native-cli@1.2.0

затем используйте эту установку для создания проекта react-native:

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

возможно, имя импортированных файлов JavaScript совпадает с любыми предопределенными библиотеками/компонентами React. Например, импорт представления.js из папки app / components, которые вы создали.

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

приведенное выше утверждение приведет к ошибке. Итак, изменив имя файла на Interface.js

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

теперь код может хорошо работать


одна из причин, по которой у меня была эта ошибка, заключалась в том, что я дважды импортировал библиотеку "react-native".

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

Я не знаю, действительно ли это может вызвать эту проблему, но удаление избыточной строки импорта решило эту проблему для меня.


Если вы используете react-native version: 56.0, то понизьте его версию 54 .Это сработало для меня


у меня была такая же проблема с портом 8081, измените его на 8082. потому что его уже использует какой-то другой сервис, Вот шаг его работы для меня

сначала запустите сервер пакетов: Blockquote

react-native start --port 8082

откройте другую командную строку, запустите приложение Android, как обычно:

react-native run-android

как только он закончит, теперь перепишите tcp-порт, который adb туннели:

adb reverse tcp:8081 tcp:8082

см. список туннелей ADB tcp:

adb reverse --list

теперь вы должны увидеть сообщение типа:

(reverse) tcp:8081 tcp:8082

проверить ваше приложение будет работать ...........!


для тех, кто использует stores или компоненты верхнего уровня. Если вы удалите его, убедитесь, что он не импортируется в другое место.

в моем случае я удалил магазин, который импортировался на верхний уровень.