Serwer wywołujący zwrócił kod błędu odpowiedzi: 500 w reakcji natywnej

Question

Używam framework react-native do rozwijania mojej aplikacji na Androida. Chcę używać biblioteki react-native-material-design do tworzenia Toolbar z kilkoma dodatkowymi funkcjami.

zainstalowaniu tej biblioteki w bieżącym katalogu, gdzie mój projekt jest za pomocą poniższego polecenia: -

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:\> 

Po to jestem coraz jeden problem podczas uruchamiania aplikacji, to może być biblioteka nie została zainstalowana pomyślnie.

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: Jestem na komputerze z systemem Windows 7, nie mogę znaleźć sposobu wykonywania poleceń. Widziałem to The development server returned response error code: 500 in react-native, ale mi to nie pomogło.

Czy ktoś może mi pomóc rozwiązać ten problem. Z góry dziękuję.

Answer 1

spróbuj zainstalować react-native-material-design lokalnie zamiast globalnie.

Wygląda na to, że projektowanie w trybie natywnego materiału zależy od stylów z natywnego materiału i stylu, które nie będą pakowane przez pakiet pakujący React Native, ponieważ jego element nadrzędny jest modułem globalnym.

Answer 2

Jakiś błąd ten powstaje kiedy nie podać prawidłową ścieżkę.js plików

Jak zamiast wpisywać ścieżkę Prawidłowe:

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

Niewłaściwy Path jest wpisane (wielkie litery, błędy ortograficzne, specjalne symbole):

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

Answer 3

ten problem. Uruchom poniżej zamówień w projekcie głównym reż:

$ yarn remove babel-preset-react-native

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

Answer 4

To może być to, że nazwa pliki JavaScript, które importowane są takie same z dowolnego React predefiniowanych bibliotek/komponentów. Na przykład importowanie pliku View.js z utworzonej aplikacji/składników folderu.

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

Powyższe stwierdzenie spowoduje błąd. Tak więc, przez zmianę nazwy pliku do Interface.js

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

Teraz, kod może działać dobrze