echarts ERROR! Cannot read properties of undefined (reading ‘type‘)

`
const chartPie = ref(null)
chartPie.value = echarts.init(document.querySelector(‘.echarts-pie’), null, { renderer: ‘svg’ })

这种就是错误的

const chartPie = echarts.init(document.querySelector(‘.echarts-pie’), null, { renderer: ‘svg’ })
`

这个不要用 ref 来赋值echarts 实例

这个错误通常是由于echarts库的初始化问题引起的。该错误指示在挂载钩子中无法读取未定义的属性('type')。根据引用和引用的内容,可能是由于echarts库的初始化失败导致的。 解决这个问题的一个方法是确认你已正确安装了echarts库,并且在代码中正确引入了echarts库。根据引用的内容,可以尝试使用以下方式导入echarts库: import * as echarts from 'echarts' 这样导入echarts库的方式可能可以避免此错误的发生。 另外,还需要确保你的项目环境和依赖项配置正确,包括正确引入echarts的版本和其他必要的依赖项。你可以参考echarts官方文档或社区中的相关讨论来解决该问题。 总结起来,echarts报错"Cannot read properties of undefined (reading 'type')"通常是由于echarts库的初始化问题引起的。你可以尝试使用正确的导入方式,并确保项目环境和依赖项配置正确来解决该问题。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *3* [echarts报错:Error in mounted hook:TypeError: Cannot read properties of undefined (reading ‘init...](https://blog.youkuaiyun.com/weixin_52479106/article/details/123491269)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] - *2* [引入echarts时报错 “TypeError: Cannot read properties of undefined (reading ‘init‘)“的解决方案](https://blog.youkuaiyun.com/m0_51060602/article/details/123193818)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值