Импорт набора графиков в React Native приводит к ошибке 500 - PullRequest
Новая
       14

Импорт набора графиков в React Native приводит к ошибке 500

2 голосов
/ 03 октября 2019

Я использую последнюю версию Expo. Я создал проект по expo init my_project и добавил React Native Chart Kit . Вот файл package.json: 

    {
  "main": "node_modules/expo/AppEntry.js",
  "scripts": {
    "start": "expo start",
    "android": "expo start --android",
    "ios": "expo start --ios",
    "web": "expo start --web",
    "eject": "expo eject"
  },
  "dependencies": {
    "expo": "^35.0.0",
    "react": "16.8.3",
    "react-dom": "16.8.3",
    "react-native": "https://github.com/expo/react-native/archive/sdk-35.0.0.tar.gz",
    "react-native-chart-kit": "^3.6.1",
    "react-native-web": "^0.11.7"
  },
  "devDependencies": {
    "babel-preset-expo": "^7.0.0"
  },
  "private": true
}

Когда я импортирую следующее, он выдает мне ошибку: «Код ошибки ответа сервера разработки: 500»: 

  import {
  LineChart,
  BarChart,
  PieChart,
  ProgressChart,
  ContributionGraph,
  StackedBarChart
} from "react-native-chart-kit";

Почему этоошибка происходит, даже если этот модуль доступен через Экспо, как указано в [page] [2]?

[2]: https://forums.expo.io/t/any-graph-library/1674/7enter imageописание здесь

Ответы [ 2 ]

2 голосов
/ 03 октября 2019

В большинстве случаев эта ошибка связана с node_modules, попробуйте следующее:

  1. Остановите сервер приложений Expo
  2. Удалите каталог node_modules и package-lock.json
  3. Запустите npm install или yarn install
  4. Запустите npm install --save react-native-svg
  5. Запустите ваше приложение, запустив expo start -c

Надеюсь, это поможет!

1 голос
/ 14 октября 2019

Чтобы использовать react-native-chart-kit, вам также необходимо установить react-native-svg. Итак, просто установите его через npm и, надеюсь, он будет работать. 

$ npm i react-native-svg react-native-chart-kit

Вы можете попробовать мой проект на этом репо: нажмите здесь . Наслаждайтесь 100

...