Cannot read property ‘init‘ of undefined

最新推荐文章于 2024-03-07 01:04:05 发布
最新推荐文章于 2024-03-07 01:04:05 发布
阅读量1.6w 收藏 28
点赞数 67
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_44802808/article/details/112635323
版权

在这里插入图片描述
在项目中导入echarts插件时，报了这个问题，当时以为是，没有获取到dom元素，所以用$refs的形式获取dom元素
在这里插入图片描述
在这里插入图片描述
改变获取元素的方式后，还是报同样的错，但已经确定这两种方式都可获取到dom元素

于是，最后在网上搜索之后，发现需要在导入包的时候添加上 * as 即可
在这里插入图片描述

看网上说还有一种原因是因为echarts版本太高导致的，应该引入4.9.0或4.8.0版本，但尝试后没有解决我的问题

小星星星★
关注
  • 67
    点赞
  • 踩
  • 28
    收藏
    觉得还不错? 一键收藏
  • 22
    评论
引入echarts时报错 “TypeError: Cannot read properties of undefined (reading ‘init‘)“的解决方案
weixin_41549971的博客
01-03 929
引入echarts时报错 “TypeError: Cannot read properties of undefined (reading ‘init‘)“的解决方案
Sawyer-zh#study-note#Vue-js路由报错TypeError-Cannot-read-property-c-
07-25
title: 'Vue.js路由报错:TypeError: Cannot read property ''_c'' of undefined'错误详情：像上面这
报错：Cannot read properties of undefined (reading ‘$message‘)解决方法
最新发布
蓝易云
03-07 1220
报错“Cannot read properties of undefined (reading ‘$message‘)”通常出现在JavaScript或TypeScript中，这意味着你试图访问的对象是未定义的。以上就是解决"Cannot read properties of undefined (reading ‘$message‘)"错误的几种方法，希望对你有所帮助。
Vue报错：Uncaught TypeError: Cannot assign to read only property’exports‘ of object’#Object‘的解决方法
12-09
发现问题 运行一下以前的一个Vue+webpack的 vue仿新闻网站  小项目，报错 由于自己vue学习不深入，老是这个报错，找了好久（确切的说是整整一下午^…^）才找到原因 -v- Uncaught TypeError: Cannot assign to read only property 'exports' of object '#<Object>'   点开错误的文件，标注错误的地方是这样的一段代码： import {normalTime} from './timeFormat'; module.exports={ 　　normalTime }; 就是module.exports
jstree报错 Cannot read property ‘state’ of undefined
01-08
在重复渲染同一个jstree时报错Cannot read property ‘state’ of undefined 这个错在我的项目中貌似并不影响使用，但是控制台报个红色的错误终归是不好的，解决方法： 在创建jstree树之前调用 $('#jstree').jstree('destroy') 这个方法销毁原来的树 // 加上这个之后，jstree就不会报错 Cannot read property 'state' of undefined $('#jstree').jstree('destroy') $('#jstree') .data('jstree', false) .empty
Vue||引入echarts，初始化 init 报错Cannot read property ‘init‘ of undefined 或者 echarts.init is not a function
FQ_QIU的博客
06-01 3730
Vue引入echarts.js，初始化init()遇到的坑。
vue 报 Cannot read property ‘init‘ of undefined
JBOX_AJAX的博客
08-18 2703
做为一名后端开发，因为工作需要，了解了一些前端vue知识，最近也是在vue框架碰见一个问题，在一个echarts页面中图表不显示，并且出现了这样的错误“Cannot read property 'init' of undefined”，经过分析觉得是没有import进去，或者是根本没有运用到echarts这个组件，以下是我碰见的问题并解决过程： 1.问题： 2：在main.js中找到导入的echarts 并在 import 后加入 * as （虽然我也不知道为什么，不太了解，但是成功重新了echa.
微信小程序获取头像
lfeishumomol的博客
05-08 4116
当小程序需要让用户完善个人资料时，可以通过微信提供的头像昵称填写能力快速完善。根据相关法律法规，为确保信息安全，由用户上传的图片、昵称等信息微信侧将进行安全检测，组件从基础库2.24.4版本起，已接入内容安全服务端接口（），以减少内容安全风险对开发者的影响。在开发者工具上，input 组件是用 web 组件模拟的，因此部分情况下并不能很好的还原真机的表现，建议开发者在使用到原生组件时尽量在真机上进行调试。
页面前端 Cannot read property ‘init‘ of undefined 重复引入文件
weixin_41360070的博客
07-09 712
页面前端报init错误 Cannot read property ‘init’ of undefinrd 这是由于页面引入两个相同的第三方文件，一般是具有绝对地址的第三方文件 处理方法有： 1、保持引入的唯一性，把多余的引物代码注释或删除 2、将第三方文件下载到本地后作为资源文件引入 案例:zTree 引入两个jQuery 报错init of undefined错误 ...
vue中使用echarts报错：“TypeError: Cannot read property ‘init‘ of undefined“报错原因及解决方案
发育中的前端
04-02 7835
文章目录报错原因解决方案 报错原因 通过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了 ...
TypeError: Cannot read property ‘initialize‘ of undefined
小菜吉的博客
10-31 2638
一、问题描述 安装 html-webpack-plugin 后，运行 npm run build 时报出以下错误： TypeError: Cannot read property ‘initialize’ of undefined 二、解决办法 修改html-webpack-plugin的版本，结果就成功了！很多时候，webpack报错都是由于版本不兼容问题，可以尝试修改版本，给小伙伴们一个参考~~，webpack的配置确实烦操啊 "devDependencies": { "css-load
jQuery 出现Cannot read property ‘msie’ of undefined错误的解决方法
01-19
jQuery Cannot read property ‘msie’ of undefined错误的解决方法 最近把一个项目的jQuery升级到最新版，发现有些页面报如下错误 Cannot read property ‘msie’ of undefined 上jQuery网站上搜了一下，原因是$....
Vue打包Cannot read property 'tapPromise' of undefined报错处理.docx
01-21
Vue打包Cannot read property 'tapPromise' of undefined报错处理.docx
在使用zTree 框架时前端报错Uncaught (in promise) TypeError: Cannot read property ‘init‘ of undefined
weixin_55229531的博客
05-18 6138
在使用zTree 框架时前端报错Uncaught (in promise) TypeError: Cannot read property 'init' of undefined
Cannot read property 'init' of null 小程序中使用components方法selectComponent遇到的问题
牛哞哞杂记
09-20 7722
在小程序中使用components遇到了两个问题： 问题描述： Cannot read property ‘init’ of null ，为null 出现原因： 出现的原因是，我在wxml里有if判断，而此时num还没有等于1，所以造成null <ec-canvas wx:if="{{num==1}}" id="mychart" ec="{{ ec }}"> </ec-canva...
关于在Vue项目初始化echarts时报错TypeError:Cannot read property ‘init‘ of undefined的解决办法
baidu_40662718的博客
03-21 1320
报错 在Vue项目中遇到的一个问题，初始化echarts时报错TypeError:Cannot read property ‘init‘ of undefined 解决办法 导入echarts 在Vue项目中的main.js文件中导入如下代码: 1.将 import echarts from ‘echarts’ 替换成 import * as echarts from ‘echarts’ 2.将 echarts 挂到Vue原型上 import * as echarts from 'echarts' Vue
TypeError: Cannot read property ‘init‘ of undefined
qq_46199553的博客
12-02 292
在使用echart的时候出现了这个错误 let myChart = this.$echarts.init(document.getElementById('myChart')) 只需要将main.js文件里面导入echart库进行修改 自己的版本 import echarts from 'echarts' 修改成 import * as echarts from 'echarts' 就可以解决这个问题了 ...
解决Cannot read property ‘init‘ of undefined
YanXiHelloWorld的博客
06-16 1010
var ztree = new $ZTree("dataTree", "/eamAssetsData/selectMenuTreeList"); ztree.bindOnClick(EamAssetsData.onClickMenu); ztree.init(); new对象的时候m
Cannot read property 'init' of undefined
08-30
报错信息"Cannot read property 'init' of undefined"表示无法读取undefined对象的init属性。引用提到了这个错误可能是由于没有正确引入echarts这个组件导致的。 在Vue项目中，引入echarts可以借助Vue的插件机制或者直接在组件中引入。请确保已经正确引入了echarts组件并确保该组件已经被使用。引用提到了解决方法是通过多索引一层来修复这个报错。例如，将`this.$echarts.init`修改为`this.$echarts.echarts.init`。你可以尝试根据这些提示来解决这个错误。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *3* [Vue||引入echarts，初始化 init 报错Cannot read property ‘init‘ of undefined 或者 echarts.init is ...](https://blog.csdn.net/FQ_QIU/article/details/130995975)[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_2"}}] [.reference_item style="max-width: 50%"] - *2* [vue 报 Cannot read property ‘init‘ of undefined](https://blog.csdn.net/JBOX_AJAX/article/details/119781525)[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_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 22
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值