react chartjs错误无法读取属性'图表'的未定义

react-chartjs error Cannot read property 'Chart' of undefined

本文关键字:未定义 图表 属性 错误 chartjs 读取 react      更新时间:2023-09-26

我已经安装了react chartjs。当按照说明进行测试时,我收到一个错误。无法读取第10行Chart.js 中未定义的属性"Chart"

这是我的代码

var React = require('react');
var Chart = require('chart.js');
var LineChart = require("react-chartjs").Line;

var LineChart = React.createClass({

  render: function() {
    return <LineChart width="600" height="250"/>
  }
});

module.exports=折线图;

我被难住了,在网上找不到任何解决方案。感谢您的任何评论

您正在声明LineChart两次。更改其中一个的名称,例如:

var MyChart = React.createClass({ /* rest of your code */ });
module.exports = MyChart;

我也有同样的问题,‘npm缓存清理’有帮助!这可能与chartjs&反应图表。

我也遇到了同样的问题。在Webpack构建中排除node_modules有帮助。看看这个https://github.com/jhudson8/react-chartjs/issues/93.

以下是webpack.config.js:的"模块"部分示例

module: {
    loaders: [
      {
        test: /'.jsx?$/,
        exclude: /(node_modules)/,
        loader: 'babel-loader'
      }
    ]
  }