Error:Cannot read property 'getAttribute' of null

寻找原因:

<1> 查看调用使用图表的id是否正确

<2> 不要将echarts.js文件放在<head></head> 里面,容易阻塞后面的html,放在</body>之前。

<3> vue中使用:echarts.init()应该放在mounted()中,否则获取不到dom.  (我遇到的是这种)

错误详情: 页面是空白,控制台报错:

解决代码:

Error:Cannot read property 'getAttribute' of null

原文地址:https://www.cnblogs.com/zixuan00/p/12598993.html

时间: 2024-10-10 10:18:47

Error:Cannot read property 'getAttribute' of null的相关文章

echarts js报错 Cannot read property &#39;getAttribute&#39; of null

本文将为您描述如何解决 eharts.js报错 Uncaught TypeError: Cannot read property 'getAttribute' of null 的问题 根据报错信息查找原因发现是因为 实例化 echarts 的元素不存在(未找到指定的元素),查看官方文档发现: // 基于准备好的dom,初始化echarts实例 var myChart = echarts.init(document.getElementById('main')); 基于准备好的 dom,初始化 e

vue echarts error: Cannot read property getAttribute of null

问题复现与原因解释: div标签上用了v-if:level === 2,level初始值是-1,只有在mounted中执行完某函数后给level赋值后,level的值才可能为真:而对图表的渲染就在赋值语句的下一行,echarts很可能找不到dom节点.因为在条件为假时,v-if不会渲染条件块,只有当条件为真,才开始渲染条件块. 解决: 将v-if改成v-show,因为无论条件真值如何,v-show的元素总是被渲染. 不要在条件为假的时候渲染echarts. 如果可以,考虑令条件表达式初始值为真.

WPF错误:必须使“Property”具有非 null 值。

这个问题一般出如今Triggers中Property指定的类型为Nullable. 解决的方法就是用DataTrigger取代Trigger, 然后用Binding+Converter转换为详细非Null值. 比方: <Style x:Key="DisableStyle" TargetType="Button">            <Style.Triggers>                <MultiDataTrigger&g

[Vue warn]: Error in render: &quot;TypeError: Cannot read property &#39;length&#39; of null&quot;

[Vue warn]: Error in render: "TypeError: Cannot read property 'length' of null" 看到ta,总是能让人勾起心中的躁动,呼吸变得急促,嘴唇有些干涩,眼神瞬间专注,思想更是达到了忘我的境界,因为老板说,今天bug不改完就不能去吃晚饭哇! 看到这样的报错是最让人一头雾水的,渲染出错,要定位到是什么标签引起的,标签为什么引发这样的报错,错误代码定位可以用排除法,把错误的代码注释掉,如果不报错了,那就是注释的代码出了问

struts2 &lt;debug&gt;标签报错:Caught an exception while getting the property values of null

java.lang.NullPointerException at com.opensymphony.xwork2.ognl.OgnlUtil.getBeanInfo(OgnlUtil.java:398) at com.opensymphony.xwork2.ognl.OgnlUtil.getPropertyDescriptors(OgnlUtil.java:344) at com.opensymphony.xwork2.ognl.OgnlUtil.getBeanMap(OgnlUtil.jav

Cannot set property &#39;onclick&#39; of null的问题

转载自: https://my.oschina.net/ximidao/blog/351017 摘要: 测试点击事件的时候浏览器报错,提示Uncaught TypeError: Cannot set property 'onclick' of null 今天看了一个W3School JS点击事件的测试案例,详情页:http://www.w3school.com.cn/tiy/t.asp?f=js_dom_event_onclick4,其代码为: <!DOCTYPE html><html&

Cannot set property ‘onclick‘ of null的问题

今天看了一个W3School JS点击事件的测试案例,详情页:http://www.w3school.com.cn/tiy/t.asp?f=js_dom_event_onclick4,其代码为: <!DOCTYPE html> <html> <head> </head> <body> <p>点击按钮就可以执行 <em>displayDate()</em> 函数.</p> <button id=

Extjs4---Cannot read property &#39;addCls&#39; of null

用Extjs4 MVC做后台管理系统时,通过点击左边导航菜单往tabpanel添加tab,然后关闭再打开某个tab,结果tabpanel不能显示tab,系统页面处于崩溃状态,并且浏览器报错Cannot read property 'addCls' of null. 经分析查阅网上资料得知,原因是:定义grid的时候添加序号这行代码:new Ext.grid.RowNumberer()引起的.如果没有这样代码,系统运行正常. 当用Extjs创建(create)一个window,panel时,或者就

Uncaught TypeError: Cannot read property &#39;ownerDocument&#39; of null

/********************************************************************* * Uncaught TypeError: Cannot read property 'ownerDocument' of null * 说明: * 尝试将SVG文件内容通过JS Ajax加载,然后动态插入div中,报这个错误, * 解决办法,直接将svg后缀改成html,就可以了. * * 2017-8-25 深圳 龙华樟坑村 曾剑锋 *********