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

2024-05-20 17:05:05

目录

（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>

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

Ant Design Pro引入Echarts 报错Unexpected token
想要在ant design pro中引入echart,发现在网上找了很多示例直接运行不通过,可能需要更改下部分格式,比如直接引用下面链接中的代码就会报错:Unexpected token, https ...
VUE.JS 使用axios数据请求时数据绑定时报错 TypeError: Cannot set property 'xxxx' of undefined 的解决办法...
data里面做了定义在方法里面进行赋值用 this.info = repos.data 数据可以请求到,但是会报错 TypeError: Cannot set property 'listgrou ...
Ant Design Pro项目启动报错 ChunkError mf-va_remoteEntry umi
版本: Ant Design Pro 5,typescript 背景: 有个项目写完,后期等待沟通,于是去做了其他项目.回头再来看这个项目时,无法启动,删除node_modules也无法启动. 解决办 ...
Vue页面加载使用二级属性的时候报错TypeError: Cannot read property ‘name‘ of undefined“
<template v-if="tableData != undefined"><div><h3 style="padding:0px;te ...
微信小程序报错TypeError: Cannot read property ‘0‘ of undefined
开发小程序时在注册一个vant组件后使用时,报了一个错: TypeError: Cannot read property '0' of undefined 反复检查代码没有发现问题,而且之前使用其他组 ...
报错TypeError: Cannot set property ‘type‘ of undefined
TypeError: Cannot set property 'type' of undefined报错问题 <script> export default {data () {retur ...
VUE中axios 报错 TypeError: Cannot set property ‘type‘ of undefined，
报错: 导致axios里then的方法不执行问题: 后台数据没有传到前端导致传的是一片空不是null也不是 undefined 是没有东西导致resp响应为空在底层会报错以上在catch里做逻 ...
JS报错：Cannot read property 'type' of undefined
在做图片上传功能的时候,遇到了JS无法识别图片type的问题,在使用过程中是没有问题的,但是不知道为什么浏览器的Console报这个错误: Uncaught TypeError: Cannot rea ...
vue ui创建项目报错：Cannot read property ‘indexOf‘ of undefined解决方法
报错: Cannot read property 'indexOf' of undefined 报错翻译:无法读取未定义的属性"indexOf" 报错原因分析: vue/cli 的 ...

最新文章

热门文章