Uncaught TypeError: Cannot read property 'nodeName' of null

最新推荐文章于 2023-11-10 14:49:22 发布
最新推荐文章于 2023-11-10 14:49:22 发布
阅读量8.3k 收藏 3
点赞数 2
分类专栏： debug/错误日志 文章标签： debug echart
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/jeffscott/article/details/89016794
版权

1.问题描述

Uncaught TypeError: Cannot read property 'nodeName' of null

Uncaught TypeError: Cannot read property 'getAttribute' of null

echarts Uncaught TypeError: Cannot read property 'setOptions' of undefined

2.问题分析

根据提示你是属性值为空，在排除是文件不兼容和路径错误后，觉得可能是代码的顺序问题，因为在使用

    //定义mychart对象来进行绘图
    var myChart= echarts.init(document.getElementById("main"));

获取id对象时，并没有创建

<div id="main" style="width: 1000px;height: 600px;"></div>

3.解决办法

将script代码放到body后面。

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>数据可视化</title>
    <script type="text/javascript" src="../../static/lib/jquery/1.9.1/jquery.js"></script>
    <script type="text/javascript" src="../../static/lib/echarts.4.2.1/echarts.min.js"></script>
</head>
<body>
<div class="container">
    <input type="button" onclick="ajax_call()" value="触发ajax">
</div>
</body>
<script>
<!------>
</script>
</html>

 

4.参考资料

1)https://blog.csdn.net/qq_27153595/article/details/82215527

Jeff_Scott
关注
  • 2
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 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
Vue报错：Uncaught TypeError: Cannot assign to read only property’exports‘ of object’#&lt;Object&gt;‘的解决
08-30
主要给大家介绍了关于Vue报错：Uncaught TypeError: Cannot assign to read only property 'exports' of object '#&lt;Object&gt;' 的解决方法，文中介绍的非常详细，需要的朋友们下面来一起看看吧。
ASP.NET MVC运行出现Uncaught TypeError: Cannot set property __MVC_FormValidation of null的解决方法
10-29
同一相站点，有些页面的客户端验证能工作，而有些死活不行。打开页面就出现Uncaught TypeError: Cannot set property __MVC_FormValidation of null错误
JQuery报错Uncaught TypeError: Illegal invocation的处理方法
10-24
主要介绍了JQuery报错"Uncaught TypeError: Illegal invocation"的处理方法,需要的朋友可以参考下
uniapp 运行到 app 报错 Cannot read property ‘nodeName‘ of null
weixin_43073383的博客
10-12 778
经排查，是这边的数据没有就渲染了，导致报错，加上标记判断就行了，不能直接写state.fixedIcon；uniapp 运行到某一个页面，报错，h5没有问题。
微信小程序使用ChatJS报错：TypeError: Cannot read property ‘node‘ of null
热门推荐
as350144的专栏
08-12 1万+
微信小程序使用ChatJS 报错 TypeError: Cannot read property 'node' of null
Cannot read property 'nodeType' of null; audio元素默认样式下载按钮
weixin_30919919的博客
05-19 319
1.chrome-->console抛出如下错误： Uncaught TypeError: Cannot read property 'nodeType' of null 错误原因：从stackoverflow上查了，这个bug可能是由于dom元素未加载完而先执行了jquery代码引起的。 错误分析：我这个实例为：点击某个表单标签时（如checkbox）...
js中出现Cannot read property 'nodeName' of null
夏诗鸢的博客
08-22 3134
Cannot read property 'nodeName' of null
uniapp vue3项目内使用uni.createSelectorQuery()提示Cannot read property ‘node‘ of null
weixin_44219322的博客
10-13 1281
在开发过程中使用到uni.createSelectorQuery()方法去获取元素信息，但一直报错Cannot read property ‘node’ of null; 期间使用过nextTick，wx.createSelectorQuery()，也确认是在组件挂载后调用的方法，但均无效果
TypeError: Cannot read property ‘nodeName‘ of undefined (解决方法)
陈先生的博客
12-31 9879
TypeError: Cannot read property ‘nodeName’ of undefined 通常出现这样的报错，往往时因为在js运行的时候，dom元素未定义，或者没有获取到指定的dom元素，比如 在js内使用$("#demo"),但是页面内的dom元素是可能和某些判断联系在一起的，有时会渲染，有时不会渲染这个元素，因此在进行js运行的时候，就会导致所选定的元素找不到，导致报错。 比如在vue中，使用v-if就可能会导致某些元素不会渲染，但是js照样运行了，就会报错。 解决方法： 在进行j
调试时报错：Cannot read property ‘nodeType‘ of null
Yimi_7809的博客
09-07 264
项目运行调试的时候一直报错，查看了项目中所有的js,都没有发现异常。
深入理解并解决Uncaught TypeError: Cannot read properties of null“的全面指南“
最新发布
奇妙的Bug之旅
11-10 7万+
在JavaScript中，当你试图访问一个null或undefined对象的属性时，就会抛出这个错误。例如，如果你有一个变量x，它的值为null，然后你尝试访问x.property，就会得到"Uncaught TypeError: Cannot read properties of null"的错误。在使用任何变量之前，都应该先检查它是否已经定义。你可以使用typeof操作符来检查一个变量的类型。// 访问x的属性。
Uncaught TypeError: Cannot read properties of null (reading ‘name‘) 和NoSuchMethodException
weixin_51485547的博客
01-04 8547
方法1：看idea控制台才发现是方法权限问题，把protected改为public即可。方法2：把getMethod()改为getDeclareMethod()并进行暴力反射。分析：这是由于还没登录，data.name 还没获取到值，所以为null。还有一个问题是缺少了js/angular.min.js文件，可以到官网。方法1：可以不管，它不会影响其他功能，当你登录后，便不会报这个错。修改完后记得先清楚浏览器缓存（或换个浏览器）再测试。方法2：给它一个if判断是否为null。
Uncaught TypeError: Cannot read properties of null (reading ‘getAttribute‘)
weixin_65793170的博客
03-21 1万+
vue项目报错，Uncaught TypeError: Cannot read properties of null (reading 'getAttribute')，翻译：无法读取null属性(读取'getAttribute')，解析：getAttribute()是js获取属性方法，就是getAttribute不能读取null的属性，这种错误一般出现在使用Echarts和地图后，当切换到空白页面后，重置页面时，就回报类似错误，解决方法就是在报错之前做判断处理；
问题解决问题 Uncaught TypeError Cannot read property length of undefined
Zzj
05-16 7422
问题如下： 解决思路如下： 1、Uncaught TypeError: Cannot read property 'length' of undefined， 首先你要明白这个错误提示是什么意思，无法对一个没有复定义的值中获取一个length 属性 2、if (data == '' || data == undefined ||data == null || data.length < 1) 在这里你用了 length，那么就是说这个 data 值是制不存在的， 没有值或者没...
Cocos creator中出现Uncaught TypeError: Cannot read property 'node' of undefined
ToBeTheOnlyOne的博客
09-12 2万+
   最近在学习Cocos creator开发cocos游戏，总体感觉比较好，但是由于cocos creator开发游戏主要使用JavaScript开发的，所以很多语法都不是很清楚，所以就出现了一些问题。   今天在动态加载resources文件夹下的图片资源就出现了一些问题，根据官方文档进行资源的动态加载：   // 加载 SpriteFrame cc.loader.loadRes("t...
uniapp APP和H5正确使用echarts总结和填坑说明
pixle的博客
02-25 4048
对于一些频繁的dom操作，uniapp提供了一个renderjs方案，是一个运行在视图层的js，大幅降低逻辑层和视图层的通讯损耗，提供高性能视图交互能力，只支持h5和app端。app端使用echarts自然采用renderjs方案。h5端使用区别不大，因为h5逻辑层和视图层实际运行在同一个环境中，相当于使用 mixin 方式。小程序依然采用wxs方案，可以使用u-chart等第三方插件。
深入理解并解决Uncaught TypeError: Cannot read properties of undefined技术文章
奇妙的Bug之旅
11-10 6万+
Uncaught TypeError: Cannot read properties of undefined 是一个 JavaScript 运行时错误，它表示你试图访问一个未定义（undefined）对象的属性。这通常是因为你尝试访问一个不存在的变量或者对象的属性。在访问对象的属性之前，你应该先检查该对象是否已经定义。你可以使用typeof操作符来检查一个变量是否已定义。// 访问 myVariable 的属性。
Uncaught TypeError: Cannot read properties of null (reading 'appendChild'
09-12
Uncaught TypeError: Cannot read properties of null (reading 'appendChild')这个错误通常表示在尝试对null值进行操作时发生了错误。例如，当我们尝试对一个null元素调用appendChild方法时就会出现这个错误。 关于这个错误的引用有两个例子。引用中提到，在使用element-ui库的vue项目中，出现了Uncaught TypeError: Cannot read properties of null (reading 'setAttribute')的错误。这个错误的意思是无法读取null的属性（读取'setAttribute'）。引用中提到，在同一个网站的不同页面中，有些页面的客户端验证可以正常工作，而有些页面却出现了Uncaught TypeError: Cannot set property __MVC_FormValidation of null的错误。这个错误的意思是无法给null设置__MVC_FormValidation属性。 根据这些引用，可以看出这个错误通常是由于对null值进行属性操作引起的。解决这个问题的方法是在操作之前先对相关值进行非空判断。例如，在引用中的解决方案中，对接口返回值进行了非空判断后再处理业务逻辑。 因此，要解决Uncaught TypeError: Cannot read properties of null (reading 'appendChild')错误，需要先确保相关值不为null，再进行操作。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值