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