vue项目控制台报错信息问题记录：Uncaught TypeError: Cannot read properties of null (reading ‘setAttribute‘)

VIP文章 已于 2023-02-20 14:12:16 修改
阅读量4.3k 收藏 1
点赞数 1
文章标签： vue.js 前端 javascript
于 2023-02-20 14:07:33 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Lililiming_/article/details/129122908
版权

在写vue项目的时候，控制台总是报错如下代码：

1、Uncaught TypeError: Cannot read properties of null (reading ‘setAttribute‘)

主要是因为某些代码书写不规范，导致templete解析不出来，从而报错

解决方案：

检查下自己的代码块中是否使用了el-dropdown的组件，并且<el-dropdown>和 <el-dropdown-menu>一定要配合使用，就算 <el-dropdown-menu>里面没有内容，也要写上。

再运行下代码，就没有报错信息了。

<el-dropdown>

        <el-dropdown-menu></el-dropdown-menu>

<el-dropdown>

 2、Vue-TypeError: Cannot read properties of undefined (reading ‘label‘)

最低0.47元/天 解锁文章
Lililiming_
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
bn.js:纯JavaScript中的BigNum
05-09
纯JavaScript中的BigNum 安装 npm install --save bn.js 用法 const BN = require ( 'bn.js' ) ; var a = new BN ( 'dead' , 16 ) ; var b = new BN ( '101010' , 2 ) ; var res = a . add ( b ) ; console . log ( res . toString ( 10 ) ) ; // 57047 注意：此库不支持小数。 符号 前缀 指令有几个前缀，它们会影响工作方式。 以下是它们在函数名称中的出现顺序的列表： i就地执行操作，将结果存储在宿主对象中（在该对象上调用了方法）。 可以用来避免号码分配费用 u无符号，执行操作时忽略操作数的符号，或始终返回正值。 第二种情况适用于像mod()这样的归约运算。 在这种情况下，如果结果为负
JQuery报错Uncaught TypeError: Illegal invocation的处理方法
10-24
主要介绍了JQuery报错"Uncaught TypeError: Illegal invocation"的处理方法,需要的朋友可以参考下
Uncaught TypeError: Cannot read properties of null (reading ‘style‘)
m0_37378152的博客
12-15 640
dom结构是包含在component组件内的slot内容。遇到的情况是把style换成class即可解决。
“Cannot read properties of null(reading ‘parentNode‘)vue3运行报错 引入element-plus库
最新发布
luciyana的博客
03-31 723
（注意，之前新生成vue项目的时候，跟着网上教程选的配置，但是要注意如果用element-ui的话就要使用vue2，vue3配套的是element-plus，所以是重新生成vue3项目再搬运，走了很多弯路，不过新手都正常啦）里面使用到了element-plus库的组件，但是没有加入引用，所以报错。本人刚刚开始接触前端，记录一下遇到的问题，希望可以帮助到你！不过我的表达不太标准，因为非常外行，欢迎大家批评指正啦！然后不要忘记在main.js中加入引用哦。就发现可以啦，耶耶耶！
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;' 的解决方法，文中介绍的非常详细，需要的朋友们下面来一起看看吧。
报错 Uncaught TypeError: Cannot read properties of null (reading ‘setAttribute‘)
qq_50276105的博客
10-05 3万+
1、项目描述：最近接手一个用到了elementu ui库的vue项目，结果在模块的开发中有个问题伴随始终——Uncaught TypeError: Cannot read properties of null (reading ‘setAttribute‘)的错误。
深入理解并解决Uncaught TypeError: Cannot read properties of null“的全面指南“
热门推荐
奇妙的Bug之旅
11-10 6万+
在JavaScript中，当你试图访问一个null或undefined对象的属性时，就会抛出这个错误。例如，如果你有一个变量x，它的值为null，然后你尝试访问x.property，就会得到"Uncaught TypeError: Cannot read properties of null"的错误。在使用任何变量之前，都应该先检查它是否已经定义。你可以使用typeof操作符来检查一个变量的类型。// 访问x的属性。
Cannot read properties of null (reading ‘setAttribute‘)
S852509769的博客
12-05 1206
做项目时候，总是报这个错，参考如下链接解决问题，在此记录下，防止忘记。
VUE+element UI ：TypeError: Cannot read properties of null (reading ‘setAttribute‘)
qq_44906497的博客
08-26 1253
2. 不要用这个组件就行。但是却没有它的子组件。
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和地图后，当切换到空白页面后，重置页面时，就回报类似错误，解决方法就是在报错之前做判断处理；
使用JQuery中的trim()方法去掉前后空格
01-19
如下所示： function bt_submit(){ var $title = $.trim($(#title).val()); if($title=='') { ShowMessage(运营商名称不能为空,#ff0000); return; } document.all.form1.submit(); } html代码如下： <tr> <td width=18% align=right>运营商名称：</td> <td colspan=3><s:textfield id=title key=operatorbean.title s
解决Ajax方式上传文件报错"Uncaught TypeError: Illegal invocation"
10-16
主要介绍了Ajax方式上传文件报错"Uncaught TypeError: Illegal invocation"，非常不错，具有一定的参考借鉴价值,需要的朋友可以参考下
小程序报错: Uncaught TypeError: Converting circular structure to JSON
03-29
今天把最近一直在开发的小程序放安卓手机上测试一下，结果某个页面就一直报错： Uncaught TypeError: Converting circular structure to JSON 先说一下基本的环境： 系统：Android 6.0.1 手机：小米4 微信版本：...
Vue项目报错：Uncaught SyntaxError: Unexpected token
01-19
今天做一个 VUE 的项目，在引入第三方依赖的 JS 文件时，遇到了一个问题： 控制台的提示：Uncaught SyntaxError: Unexpected token < 按照提示进入文件，再看如下图： 仔细看了看 index.html 文件,发现原本我...
element-ui.common.js?5c96:2432 Uncaught TypeError: Cannot read properties of null (reading ‘‘setAttr
lmyh1111的博客
02-07 2025
element-ui.common.js?5c96:2432 Uncaught TypeError: Cannot read properties of null (reading 'setAttribute')
使用组件dropdown 报错 Uncaught TypeError: Cannot read properties of null (reading ‘setAttribute‘)
qq_54180801的博客
09-19 1455
使用组件dropdown 报错 Uncaught TypeError: Cannot read properties of null (reading 'setAttribute')
简析 JavaScript报错: Uncaught TypeError: Cannot read properties of null (reading ‘...‘) at new
Henry13133333的博客
10-29 2万+
JS报错（如下图）： 报错原因：引入JS的位置错误。 为什么位置错误？ ∵ JS 在页面渲染（生成）之前就执行了代码，发现获取不到页面元素。 解决方法 放到页面代码下面（body内部或者下部 随意吧） ...
VM58990:1 Uncaught TypeError: Cannot read properties of null (reading 'createTexture')
07-27
- *3* [vue项目控制台报错信息问题记录：Uncaught TypeError: Cannot read properties of null (reading ...](https://blog.csdn.net/Lililiming_/article/details/129122908)[target="_blank" data-report-click={...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值