Vue引入echarts时,报错

在Vue中使用echarts,报错[Vue warn]: Error in nextTick: "TypeError: Cannot read property ‘init’ of undefined

1、安装echarts依赖

npm install echarts --save

2、main.js引入

import echarts from 'echarts'
Vue.prototype.$echarts = echarts;

3、使用echarts

let myChart = this.$echarts.init(document.getElementById('barChart'));

4、控制台报错
在这里插入图片描述

 

解决办法:

引入方式 :

import echarts from 'echarts' 

改为:

 import * as echarts from 'echarts'

就不会报错了

posted @ 2022-11-01 11:39  岁月记忆  阅读(576)  评论(0编辑  收藏  举报