导入React中的图形工具包--错误500中的本地结果

Question

我正在使用最新版本的世博会。我通过expo init my_project创建了一个项目，并添加了反应本机图表套件。下面是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";

为什么会发生此错误，即使如本页所述，此模块可通过世博会访问

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

​

Answer 1

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

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

希望这能有所帮助！

Answer 2

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

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

您可以在回购：单击此处上尝试我的项目。尽情享受