Javascript 未捕获的TypeError:无法分配给对象的只读属性“exports”

我知道在SO和其他论坛上有很多关于这个标题的问题，但是没有一个能解决我的问题，我不确定是否正确。我想用canvasjs画画布。此外，我正在与react和new合作。我的react项目结构如下：

+node_modules
+public
+src
  -canvas.min.js
  -canvas.react.js
  -App.js
  -index.js
  -indes.css
-package.json

my App.js文件包含以下代码：

    /* App.js */
import React from 'react';
import CanvasJS from './canvasjs.min';
var CanvasJSReact = require('./canvasjs.react');
var Component = React.Component;
var CanvasJS = CanvasJSReact.CanvasJS;
var CanvasJSChart = CanvasJSReact.CanvasJSChart;


class App extends Component {   
  render() {
    const options = {
      title: {
        text: "Basic Column Chart in React"
      },
      data: [{              
                type: "column",
                dataPoints: [
                    { label: "Apple",  y: 10  },
                    { label: "Orange", y: 15  },
                    { label: "Banana", y: 25  },
                    { label: "Mango",  y: 30  },
                    { label: "Grape",  y: 28  }
                ]
       }]
   }

   return (
      <div>
        <CanvasJSChart options = {options}
            /* onRef = {ref => this.chart = ref} */
        />
      </div>
    );
  }
}
//module.exports = App;                              
export default App;

---

如果您的canvasjs是ES6模块，那么您应该使用

import CanvasJS from './canvasjs.min';

如果是简单的commonjs或umd模块，请使用

var CanvasJS = require('./canvasjs.min');

---

看起来您正在尝试导出扩展组件，而不从React导入组件。正在尝试将import语句更改为从“React”导入React，{Component}

import CanvasJS from './canvasjs.min';

var CanvasJS = require('./canvasjs.min');