在 React Native 中导入图形工具包导致错误 500答案

【问题标题】：Importing the graph kit in React Native results in error 500在 React Native 中导入图形工具包导致错误 500
【发布时间】：2020-02-01 05:30:46
【问题描述】：

我正在使用最新版本的 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";

为什么即使这个模块可以通过 Expo 访问，正如它在这个 [page][2] 中所说的那样，仍然会发生这个错误？

[2]：https://forums.expo.io/t/any-graph-library/1674/7

【问题讨论】：

标签： javascript reactjs react-native npm expo

【解决方案1】：

要使用react-native-chart-kit，您还必须安装react-native-svg。所以，只需通过npm 安装它，希望它会起作用。

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

你可以在这个 repo 上试用我的项目：click here。享受?

【讨论】：

【解决方案2】：

大多数情况下此错误与您的node_modules 有关，请尝试以下操作：

停止您的 Expo 应用程序服务器
删除您的node_modules 目录和package-lock.json
运行npm install 或yarn install
运行npm install --save react-native-svg
通过运行expo start -c 启动您的应用程序

希望这会有所帮助！

【讨论】：

它仍然给我同样的错误。我的工作流程有问题吗？我使用空白（来自托管工作流）。
请尝试运行npm install --save react-native-svg，然后使用expo start -c重新启动您的应用程序
很高兴做到了这一点，我更新了答案以将其包含在解决方案中。干杯！