Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/25.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Reactjs 如何使用React Fusion图表修复漏斗图的ChunkLoad错误?_Reactjs_Fusioncharts - Fatal编程技术网

Reactjs 如何使用React Fusion图表修复漏斗图的ChunkLoad错误?

Reactjs 如何使用React Fusion图表修复漏斗图的ChunkLoad错误?,reactjs,fusioncharts,Reactjs,Fusioncharts,我正在尝试使用React中的以下组件(通过多个父组件渲染)从Fusion图表渲染图像: import React,{Component}来自“React”; 从“FusionCharts”导入FusionCharts; 从“fusioncharts/fusioncharts.charts”导入图表; 从“react fusioncharts”导入react fusioncharts; //解决图表依赖关系 图表(FusionCharts); 常量数据源={ 图表:{ 描述:“网站访问”, 子选项

我正在尝试使用React中的以下组件(通过多个父组件渲染)从Fusion图表渲染图像:

import React,{Component}来自“React”;
从“FusionCharts”导入FusionCharts;
从“fusioncharts/fusioncharts.charts”导入图表;
从“react fusioncharts”导入react fusioncharts;
//解决图表依赖关系
图表(FusionCharts);
常量数据源={
图表:{
描述:“网站访问”,
子选项:“采购-去年转换分析”,
小数:“1”,
showvalues:“1”,
plottooltext:“$label:$dataValue”,
plotfillalpha:“70”,
主题:“融合”,
流线型数据:“0”
},
数据:[
{
标签:“网站访问”,
值:“17362”
},
{
标签:“下载”,
值:“8039”
},
{
标签:“检查定价”,
值:“5509”
},
{
标签:“询价单”,
值:“3962”
},
{
标签:“已购买”,
值:“2397”
}
]
};
导出默认类FunnelChart扩展React.Component{
render(){
返回(
);
}
}
在页面加载时,我在浏览器控制台中遇到以下错误:


Uncaught SyntaxError:Unexpected token'上述问题的解决方案是从“fusioncharts/fusioncharts.charts”导入图表,而不是从“fusion charts/fusion charts.widgets”导入图表。

上述原因是漏斗是从“fusion charts/fusion charts.widgets”导出的(您可以进行检查,只需转到节点_模块并在find widgets文件夹中查找fusion charts),而不是从“fusion charts/fusion charts.charts”导出的。有关信息,您可以查看Fusion文档。

将导入语句替换为以下代码,然后清除浏览器缓存重新加载应用程序

import FusionCharts from 'fusioncharts';
import Widgets from 'fusioncharts/fusioncharts.widget';
import FusionTheme from 'fusioncharts/themes/fusioncharts.theme.fusion';
import ReactFC from 'react-fusioncharts';

ReactFC.fcRoot(FusionCharts, Widgets, FusionTheme);