Ant design pro引入Echarts报错：TypeError: Cannot read property 'x_data' of undefined

目录

（1）报错：TypeError: Cannot read property 'x_data' of undefined

（2）报错：× Error: Component series.line not exists. Load it first

（3）报错：Unexpected token ：

---

（1）报错：TypeError: Cannot read property 'x_data' of undefined

Ant design pro中引入Echarts图表是十分方便的，在网上找了一些例子，按照下面的链接进行了配置，发现报错TypeError: Cannot read property 'x_data' of undefined，这个问题很简单，但对于初学者来说可能会有些麻烦，

https://www.missshi.cn/api/view/blog/5b05226413d85b3c71000000

解决办法：

在你的router.js路由文件中一定要引入你所用到的相应models文件，比如上面图片中的报错说找不到‘x_data’定义，而这个参数是从models下的test.js文件引入的，所以在router.js需要引入‘test’这个models文件

（2）报错：× Error: Component series.line not exists. Load it first

解决办法：

替换导入echars的语句，如下所示：

// import echarts from 'echarts/lib/echarts'; 
import echarts from 'echarts';

（3）报错：Unexpected token ：<div id="main" style="{{" width:="" 400,="" height:="" 400="" }}=""></div>

解决办法：

将下面的一行代码进行替换：

<div id="main" style="{{" width:="" 400,="" height:="" 400="" }}="">

替换后：

<div id="main" style={{width: '80%',height:400}}></div>