引用echarts报错Cannot read property ‘init‘ of underfined

最新推荐文章于 2023-11-10 11:50:56 发布
原创 最新推荐文章于 2023-11-10 11:50:56 发布 · 250 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#echarts #4.8.0

本文档指导如何排查和解决在使用Echarts 4.8.0版本时遇到的'Cannot read property 'init' of undefined'错误。首先，确保正确下载了指定版本的Echarts。其次，在项目中全局引入Echarts。最后，在Vue组件中正确配置和应用Echarts。

在这里插入图片描述

检查一下 echarts 的版本（替换为4.8.0）
"echarts": "^5.0.0", // 替换为4.8.0
正确下载和使用
1.下载 ^4.8.0 版本的echarts
npm install --save echarts@4.8.0
2.在main.js中引入 echarts（全局引入）
import echarts from
最低0.47元/天 解锁文章
vue+echarts报错Cannot read property ‘init‘ of underfined
qq_42213329的博客
11-29 789
在使用vue+echarts时报错Cannot read property 'init' of underfined。 试了一下网络上的几种方法发现没有。 最后发现： 1.安装echarts项目依赖时要先进入项目文件夹环境（-_-||）。 cd 项目文件路径 //例如 cd D:\project npm install echarts --save 2.在import时要用单引号import echarts from 'echarts'，不要用双引号import echarts from ".
vue中使用echarts及报错（Cannot read property ‘init‘ of undefined）处理
shinjie1210的博客
08-02 1506
安装步骤 项目控制台输入npm install echarts --save 找到main.js 引入 import * as echarts from 'echarts' Vue.prototype.$echarts = echarts 然后就可以按照官网文档里的5分钟上手内容使用了 这里给个简单例子 官网上扒的示例图表 <template> <div class="home"> <div id="echarts" style="width:6...
echarts-src-4.8.0 源码以及 echarts-doc-4.8文档二合一文档包，方便大家进行开发
01-25
echarts-src-4.8.0 源码以及 echarts-doc-4.8文档（包含离线文档、示例及在线编辑器） 二合一文档包，方便大家进行开发，文档需要放到web容器中运行
使用echarts时报错 TypeError: Cannot read property ‘init‘ of undefined
weixin_44982332的博客
12-27 905
原因是导入方式不对，通过 npm 安装的 echarts 会出现在 node_modules 目录下，从而可以直接在项目代码中得到 echarts，应使用如下方式导入 import * as echarts from 'echarts'
echarts Cannot read property ‘init‘ of undefined 报错问题
qq_41186500的博客
12-07 3689
一、查看容器是否有宽高（容器一定要有宽高） <div id="main" style="height:800px;width:600px;" /> 二：查看引入对错 我直接 import echarts from 'echarts’时也会报错，所以后面修改了引入时的写法import * as echarts from 'echarts’ 三：初始化实例时 开始用的let myChart = this.echarts.init(this.echarts.init(this.echarts.in
微信小程序echarts报错Cannot read property 'node' of null
03-31
这个报错一般是因为在使用echarts时，没有正确引入echarts的依赖或者没有正确初始化echarts实例。 可以尝试以下解决方法： 1. 确认echarts的依赖是否已经正确引入，可以在app.json中加入以下代码进行引入： ```...
echarts报错：Error in mounted hook: “TypeError: Cannot read properties of undefined (reading ‘init‘)“
热门推荐
“山水一程”博客
03-14 1万+
echarts， Error in mounted hook: "TypeError: Cannot read properties of undefined (reading 'init')"
uniapp和vue3报错Cannot read property ‘init‘ of undefined 或者 echarts.init is not a function
11-10 1830
报未定义错误，说明echarts未定义，echarts未引入成功。
echarts出现 “TypeError: Cannot read property ‘init‘ of undefined“报错
weixin_46705866的博客
01-18 463
导入echarts时用：import echarts from 'echarts' 出现 “Cannot read property ‘init’ of undefined” 报错 解决办法：改成 import * as echarts from 'echarts' 后解决。
echarts-4.8.0.rar
08-03
感谢百度ECharts开发团队多年来的辛苦工作！本人下载了官方的在线文档，修改部分页面代码后制作成可在本机离线部署的模块，下载后解压到tomcat的webapps目录下，访问localhost:8080/echarts-4.8.0就可查看官网类似的界面，包含手册和实例，有离线需求的朋友可以下载，所需积分5。请注意实例中要加载百度地图的离线无法运行。
echarts出现 “TypeError: Cannot read property ‘init‘ of undefined“报错解决
dairen_j的博客
12-18 7942
导入echarts时用：import echarts from 'echarts' 出现 “Cannot read property ‘init’ of undefined” 报错，改成 import * as echarts from 'echarts' 后解决。
echarts:解决“TypeError: Cannot read property ‘init‘ of undefined”报错
1111111111
04-14 734
解决办法：main.js中的import echarts from 'echarts'改为import*asechartsfrom'echarts'
Echarts init 为 undefined 解决方法
衣乌岸苑
12-27 6271
Echarts 使用时候报错export 'default' (imported as 'echarts') was not found in 'echarts'和Cannot read property 'init' of undefined 的解决方法。
Vue 引用echarts报错Cannot read property ‘init‘ of underfined
林中明月间丶
04-21 651
https://blog.csdn.net/weixin_43854764/article/details/102543703 引用echarts报错Cannot read property 'init' of underfined https://blog.csdn.net/dairen_j/article/details/111398475?utm_medium=distribute.pc_relevant_t0.none-task-blog-2~default~BlogCommendFromMac.
Vue中使用echarts报错，【TypeError: Cannot read property ‘init‘ of undefined】
MyBlog
08-26 422
将以下这行代码替换 import echarts from 'echarts' 替换代码 import * as echarts from 'echarts' 使用方式 <script> import * as echarts from 'echarts' export default { data () { return {} }, mounted () { const myChart = echarts.init(document.getElementById
echarts之init报错
追梦少年的博客
01-20 8850
echarts安装后报init错误解决方法@TOC init报错 查看package.json文件中echarts版本，如果是5.0以上的版本请卸载安装指定版本4.2.1，然后就不会报错了
Echarts图表
Rux子兮的博客
10-20 753
一、Echarts4使用 安装指定版本 // 安装4.8.0版本 npm install echarts@4.8.0 --save 在main.js里引入 import ECharts from 'echarts' var echarts = require('echarts') Vue.use(ElementUI, { zhLocale },ECharts) 使用echarts <template> <div class="app-container"> &lt
.vue文件中引入echarts出现init undefined的问题解决方法
weixin_53657413的博客
11-20 1255
我们文件中导入用的是： import echarts from 'echarts' 然后再看官方文档给出的正确导入代码 import * as echarts from 'echarts'; 原因：官方文档明确指出v5版本 中不再支持 import echarts from 'echarts'; // 或者按需引入 import echarts from 'echarts/lib/echarts'; 所以我们应该相应的将导入语句改为 import * as ech...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值