Подтвердить что ты не робот

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

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

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

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)
  `-- [email protected]
    +-- [email protected]
    `-- [email protected]
      +-- [email protected]
      | +-- [email protected]
      | | `-- [email protected]
      | `-- [email protected]
      +-- [email protected]
      +-- [email protected]
      +-- [email protected]
      +-- [email protected]
      | `-- [email protected]
      |   `-- [email protected]
      +-- [email protected]
      | +-- [email protected]
      | | +-- [email protected]
      | | `-- [email protected]
      | |   `-- [email protected]
      | `-- [email protected]
      |   +-- [email protected]
      |   | +-- [email protected]
      |   | +-- [email protected]
      |   | | `-- [email protected]
      |   | |   `-- [email protected]
      |   | +-- [email protected]
      |   | `-- [email protected]
      |   |   `-- [email protected]
      |   +-- [email protected]
      |   | +-- [email protected]
      |   | +-- [email protected]
      |   | | `-- [email protected]
      |   | +-- [email protected]
      |   | `-- [email protected]
      |   |   +-- [email protected]
      |   |   | `-- [email protected]
      |   |   `-- [email protected]
      |   `-- [email protected]
      +-- [email protected]
      +-- [email protected]
      +-- [email protected]
      +-- [email protected]
      | +-- [email protected]
      | `-- [email protected]
      |   `-- [email protected]
      +-- [email protected]
      +-- [email protected]
      +-- [email protected]
      `-- [email protected]
        `-- [email protected]


E:\>

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

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: Я на компьютере с Windows 7, не смог найти способ выполнения команд. Я видел это Сервер разработки ответил на код ошибки ответа: 500 в ответном-родном, но это мне не помогло.

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

введите описание изображения здесь

4b9b3361

ОТВЕТЫ

Ответ 1

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

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

Ответ 2

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

$yarn remove babel-preset-react-native

$yarn add [email protected]

Ответ 3

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

Как вместо ввода строки Коррект:

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

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

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

Ответ 4

У меня была та же проблема с портом 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

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

Ответ 5

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

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

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

Ответ 6

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

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

2.0.1 реактивный: 0.56.0

Тогда я удалил реакцию-родную

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

удалил 41 пакет за 3.999s

Затем я установил реактив-родной:

npm install [email protected]

Затем я установил реакцию-родной-Cli:

npm install -g [email protected]

Затем используйте эту установку, чтобы создать реактивный проект:

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

Ответ 7

Всякий раз, когда кто-либо получает этот вид ошибки с кодом ошибки 500. Следуя этой причине.

1) Вы можете работать в системе Linux и запускать приложение с терминалом и регистрироваться в Android Simulator, а не в Устройствах.

2) Если вы работаете с вышеупомянутым, то, пожалуйста, убедитесь, что ваша Simulator Wife должна быть выключена, а затем работайте со Studio. Она будет работать отлично.

Надеюсь, вы получите решение.

Ответ 8

Будучи новичком в области React-native, я часто сталкивался с этой ошибкой и всегда запутывался. Однако после некоторого опыта я понял, что это происходит, когда сервер пытается импортировать что-то из несуществующего места.

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

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

Ответ 9

1) Вы можете работать в системе Linux и запускать приложение с терминалом и регистрироваться в Android Simulator, а не в Устройствах.

2) Если вы работаете с вышеупомянутым, то, пожалуйста, убедитесь, что ваш Simulator Wifi выключен, а затем работайте со Studio. Он будет работать отлично.

3) Удостоверьтесь, что не должно быть открытого терминала или окна командного окна одновременно. если он тогда закроет

Ответ 10

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

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

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

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

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

Ответ 11

Если вы используете ответную версию: 56.0, то понизьте ее до версии 54. У меня сработало

Ответ 12

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

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

Ответ 13

собственный пакет --platform android --dev false - входной файл index.js - вывод-android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/основные /RES

выполните эту команду: это покажет ошибку как двойное закрытие тегов или невозможность найти какой-либо модуль

используйте sudo перед командой в системах на основе Linux

Ответ 14

  • Перейти к вашему корневому проекту
  • Открытый PowerShell
  • Запустить npm start —–reset-cache
  • Когда это будет сделано, не закрывайте его и одновременно не открывайте другой PowerShell в корневом каталоге вашего проекта.
  • Запустить react-native run-android