【Echarts】Uncaught TypeError: Cannot read property 'getAttribute' of null报错

最新推荐文章于 2024-04-20 15:12:20 发布
最新推荐文章于 2024-04-20 15:12:20 发布
阅读量9.4k 收藏
点赞数 1
分类专栏： 【Python】 文章标签： python javascript django html

原帖地址如下：问题原文处


在一次修改页面的html文件后发现页面的js文件全部挂掉了


然后通过查询在大神聚集的stackoverflow找到了答案

原文如下：


这位小伙子表示自己刚刚开始学习js，他想做一个转盘的js实现，但是在第一行报错。

报的错误和我的一样。

下面的第一个大神给出了答案


翻译：

这个错误的发生是因为当方法被调用的时候这个图像的对象还没有加载进去，大神表示你需要把这个报错的方法用在DOM对象加载之后。

或则你把js文件的调用放在body的最后，就是俗称的网页底部，在确定图像js对象被加载之后在运行。

所以我是怎么解决这个问题的呢？

就是把相关的js文件放在了页面底部


然后整个网页就恢复正常了


TEAVAMC
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
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
ASP.NET MVC运行出现Uncaught TypeError: Cannot set property __MVC_FormValidation of null的解决方法
10-29
同一相站点，有些页面的客户端验证能工作，而有些死活不行。打开页面就出现Uncaught TypeError: Cannot set property __MVC_FormValidation of null错误
Uncaught (in promise) TypeError: Cannot read properties of undefined (reading ‘type‘)
nana0318的博客
06-06 855
现象：echarts报错。时，将其指定为非响应式的。
echart 报错 Uncaught TypeError: Cannot read properties of undefined (reading ‘type‘)
xh1506101064的博客
10-08 3020
使用echart 报错 Uncaught TypeError: Cannot read properties of undefined (reading ‘type’)报错情况，使用了ResizeObserver监听了echart父元素宽高变化，然后就出现了以下两种报错。使用 vue3的API , markRaw，标记一个对象，使其不能成为一个响应式对象。chart会被在vue内部转换成响应式对象，从而在resize 的时候获取不到。
解决echarts报错：Uncaught TypeError: Cannot read property ‘getBoundingClientRect‘ of null at VueComponent
CSSAJBQ_的博客
09-28 825
解决echarts报错：Uncaught TypeError: Cannot read property ‘getBoundingClientRect‘ of null at VueComponent
解决Uncaught (in promise) TypeError: Cannot read properties of undefined (reading ‘id‘)报错
热门推荐
m0_57524265的博客
06-28 3万+
前期上网查以为是axios异步请求的问题，后来一直尝试发现是访问对象的问题，每个人触发报错的前提都不相同，看看是否适合你！
用百度地图API和echarts时遇到的一些问题
Edenms的博客
03-15 776
遇到以上两个错误的，可以直接复制下面三行：通过标签引入地图api地址、echarts地址、扩展插件地址，这里的ak是你在地图服务中心注册的-- 百度 -->v=3.0&ak=?-- 扩展地图插件 -->
echarts 报错 TypeError: Cannot read property ‘getAttribute‘ of null
机敏的皮皮虾的博客
10-16 3364
这是一篇很水但是很能解决你问题的博客。 [Vue warn]: Error in mounted hook: “TypeError: Cannot read property ‘getAttribute’ of null” 使用echarts的时候遇到了上述的问题，不用硬核机翻，警告的意思就是getAttribute使用的获取不到对象。 一般分为以下几种情况： 1.echarts.init(document.getElementById(“xxxx”)的时候写错格式了，比如在id面前加了个#，我愿成为jqu
echart报错TypeError Cannot read properties of null (reading ‘getAttribute‘)“
m0_67401228的博客
03-08 1181
**原因：**由于echart需要的值没有获取到,明明接口返回数据了。 因为数据渲染方法加到了create:{}里面了,说明数据还未取到,界面已经加载了 解决方法：可以将数据渲染方法加到mounted(){}方法里，也可以将加载方法写到获取数据之后即可 ...
【echarts】Uncaught (in promise) TypeError: Cannot read property ‘get‘ of undefined 问题解决
Acratons的博客
03-07 6242
在使用echarts中如果遇到这个问题，可以看看我上一篇如何解决问题的心得，然后这个问题错误多半是你传的值有问题，格式啥的不对，然后可以去仔细的看下自己options中的代码，和官网是否格式正确。 ...
JQuery报错Uncaught TypeError: Illegal invocation的处理方法
10-24
主要介绍了JQuery报错"Uncaught TypeError: Illegal invocation"的处理方法,需要的朋友可以参考下
Vue打包Cannot read property 'tapPromise' of undefined报错处理.docx
01-21
Vue打包Cannot read property 'tapPromise' of undefined报错处理.docx
【echarts/antv】解决Uncaught TypeError: Cannot read property ‘getAttribute‘ of null报错
Emily's Blog
09-10 3099
解决"找不到图形容器"的错误一、报错二、分析原因三、解决方案方法1. 使用id方法2. 使用ref 一、报错 在vue的项目中使用echarts、antv等图表组件时，可能会出现上述报错。 二、分析原因 echarts/antv图的id是动态生成的（由父组件传递过来/通过接口拿等），出现了图形容器尚未生成便对其进行了初始化的情况。此时，就会产生"找不到图形容器"的错误。 三、解决方案 思路：先保证容器存在，再生成图形 方法1. 使用id 首先，在main.js全局引入echarts import echa
Vue中使用ECharts报错echarts Uncaught (in promise) TypeError: Cannot read property ‘getAttribute‘ of null
BreenCL的博客
08-19 3605
Vue中使用ECharts报echarts Uncaught (in promise) TypeError: Cannot read property ‘getAttribute’ of null错 一、问题 在Vue中使用ECharts时会出现如图的报错，简单翻译就是没有获取到属性名，也就ECharts没有找到可以渲染图表的DOM元素，所以抛出错误 二、解决 回看代码中html的部分使用了v-if和v-else，由于Vue的特性，加上了v-if和v-else属性的两个DOM并不会同时挂载DOM树
引入echarts的js文件报错——Cannot read properties of null (reading ‘getAttribute‘)
content899的博客
10-16 3250
引入echarts文件报错
在vue项目中简单使用Echarts&第一次使用时的各种报错与解决
like896369216的博客
05-21 3455
关于echarts安装版本报错的解决办法，关于Uncaught (in promise) TypeError: Cannot read properties of null (reading 'getAttribute')错误的解决办法
echarts报错 Cannot read property ‘getAttribute‘ of undefined
飘来荡去这一生
09-07 4477
今天在review代码时，发现控制台莫名报错，Cannot read property 'getAttribute' of undefined 通过查看，问题定位在这一行，也就是echarts初始化的时候: const chart = echarts.init(this.$refs['chart']); 结合报错信息可以得知，错误原因是因为没获取到dom属性。 在vue中获取不到dom一般分为两种情况，一是在created中获取，这个时候只是创建了vue实例，dom并没有开始渲染。所以自然拿不到.
【Echarts】Uncaught TypeError: Cannot read property 'getAttribute' of null
qq_27153595的博客
08-30 2万+
在用echarts制作一个地图时，html代码如下所示： 当在页面中运行时出现了如下错误，第一反应是自己引用的echarts.min.js文件有问题，后来直接去官网重新下载了一个，官网地址：http://www.echartsjs.com/gallery/vendors/echarts/echarts.min.js，但还是出现如下错误; 后来仔细分析了一下控制台错误提示，getAttrib...
Ansible 指定受控端使用Python的版本
最新发布
shijin741231的博客
04-20 555
最近在装Ansible，有一台受控端Ubuntu16的服务器，安装了Python2.7.12和Pyhon3.5。当用Ansible连接它时，显示使用的是Python3.5。最后看文档，发现Ansible可以在hosts的文件中指定受控服上运行的Python。
echarts报错Uncaught TypeError: Cannot read properties of null (reading 'getAttribute')
08-30
这个报错通常意味着您正在尝试访问一个为null的属性。在这种情况下，您可能在尝试获取一个元素的属性，但该元素不存在或未正确加载。 解决此问题的一种方法是确保目标元素已经正确加载。您可以检查元素是否存在并...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值