vue中使用echarts报错：“TypeError: Cannot read property ‘init‘ of undefined“报错原因及解决方案

文章目录报错原因解决方案报错原因通过npm安装的是最新版echarts依赖，5.x版本，而5.x版本的引入方式有所改变，所以造成按4.x方式引入报错，官网已经明确说明解决方案将main.js中引入echarts的方式由4.x引入方式：import echarts from 'echarts'换为5.x引入方式：import * as echarts from 'echarts'就ok了...

一起搞前端

8095人浏览 · 2021-04-02 17:30:38

一起搞前端 · 2021-04-02 17:30:38 发布

文章目录

- 报错原因
- 解决方案

报错原因

通过npm安装的是最新版echarts依赖，5.x版本，但是网上大部分教程的引入方式是按照4.x的方式引入，而5.x版本的引入方式有所改变，所以造成报错；
在这里插入图片描述

解决方案

将main.js中引入echarts的方式由4.x引入方式：

import echarts from 'echarts'

换为5.x引入方式：

import * as echarts from 'echarts'

就ok了

View Design

基于 Vue 的企业级 UI 组件库和中后台系统解决方案，为数万开发者服务。

更多推荐

Element UI组件介绍

简介element ui 就是基于vue的一个ui框架,该框架基于vue开发了很多相关组件,方便我们快速开发页面。1、安装Element UI，通过vue脚手架创建项vue init webpack element(项目名)2、在vue脚手架项目中安装elementui# 1.下载elementui的依赖npm i element-ui -S# 2.指定当前项目中使用elementuiimport