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

IT技术 javascript reactjs react-native npm expo
2021-05-27 01:24:52

我正在使用最新版本的世博会。我创建了一个项目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";

即使此module可通过本 [页面] [2] 中所述的 Expo 访问，为什么会发生此错误？

[2]：https : //forums.expo.io/t/any-graph-library/1674/7在此处输入图片说明

2个回答

大多数情况下，此错误与您的 相关，请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

希望这可以帮助！

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

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

你可以在这个 repo 上试用我的项目：点击这里。欣赏👍

其它你可能感兴趣的问题
上一篇React Native 中的 Object.keys 顺序 下一篇被溢出裁剪的 React 虚拟化下拉菜单：隐藏