Reactjs CanvasJs React-无法分配给对象的只读属性“导出”

我想第一次使用CanvasJs React并遵循指南

该链接显示三个步骤：

创建React应用程序 在从下载的应用程序中保存CanvasJS React文件 导入CanvasJS组件 我已经完成了上面的三个步骤，但在完成最后的步骤后，我在网页上出现了以下错误：

TypeError: Cannot assign to read only property 'exports' of object '#<Object>'

Module.<anonymous>
src/assets/js/canvasjs.react.js:42
  39 |  }   
  40 | }
  41 | 
> 42 | module.exports = {
  43 |     CanvasJSChart: CanvasJSChart,
  44 |     CanvasJS: CanvasJS
  45 | };

---

有谁遇到过像我这样的问题吗？

根据，您不能将import和module.exports混合使用。尝试只使用require语句

我也遇到了同样的问题，我将canvasjs.react.js的结尾语法改为：

export {CanvasJSChart, CanvasJS};

在App.js中导入画布：

import CanvasJSReact from './canvasjs.react';
import { CanvasJS } from './canvasjs.react';
import { CanvasJSChart} from './canvasjs.react';

---

而不是使用require。希望有帮助

这个问题似乎是由于在v2.2.0-rc.5中引入的Webpack中的突破性更改造成的。这是您分享的内容。

谢谢您的回答，我已经在使用CanvasJSReact的require语句，并尝试将import React，{Component}从'React'更改为'React'；对var进行反应=要求“反应”；但仍然会得到相同的错误输出。您是否替换了使用导入的应用程序中的所有位置？是的，我在新项目中使用create react app创建了该应用程序，该应用程序只生成两个默认文件，其中包含导入语句app.js和index.js。我在2个文件中用require语句替换了所有导入语句，但仍然得到相同的错误输出。但是您仍然使用导出默认值吗？经验法则：导入和导出一起进行，require和模块一起进行。我尝试将App.js中的export更改为module.exports，比如canvasjs.react.js文件，但仍然出现相同的错误。我真的很困惑。非常感谢您的帮助嗨，当您完成切换后，您不再需要从“/canvasjs.react”导入CanvasJSReact；

react: 16.6.3,
react-dom: 16.6.3,
react-scripts: 2.1.1

nodejs: v8.13.0
npx: v6.4.1

export {CanvasJSChart, CanvasJS};

import CanvasJSReact from './canvasjs.react';
import { CanvasJS } from './canvasjs.react';
import { CanvasJSChart} from './canvasjs.react';