Uncaught (in promise) TypeError: Cannot read properties of null (reading ‘insertBefore‘)

于 2024-03-20 15:54:38 发布
阅读量189 收藏
点赞数 4
文章标签： javascript 前端 vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/jmc666/article/details/136879129
版权

关闭el-drawer后报错，并且法再次打开el-drawer：

warn:
Detail.vue:931  [Vue warn]: Unhandled error during execution of scheduler flush. This is likely a Vue internals bug. Please open an issue at

error：
Uncaught (in promise) TypeError: Cannot read properties of null (reading 'insertBefore')

通过排查发现是el-drawer里的一个按钮的问题：

<el-button :disabled="form.fileList.length == 0">下载</el-button>

加一个判断即可：

<el-button :disabled="form.fileList && form.fileList.length == 0">下载</el-button>

jmc666
关注
  • 4
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Vue报错：Uncaught TypeError: Cannot assign to read only property’exports‘ of object’#Object‘的解决方法
12-09
Uncaught TypeError: Cannot assign to read only property 'exports' of object '#<Object>'   点开错误的文件，标注错误的地方是这样的一段代码： import {normalTime} from './timeFormat'; module....
TypeError: Cannot read properties of null (reading ‘insertBefore‘)
富朝阳的博客
06-26 3830
TypeError: Cannot read properties of null (reading ‘insertBefore‘)；TypeError: Cannot read properties of null (reading ‘emitsOptions‘)；单页面SSR渲染，再服务端渲染是状态v-if = false，在 v-if 值为 false 时，如果操作了 v-if 控制的 DOM，可能会因为该 DOM 元素不存在而报错。
Cannot read properties of null (reading ‘insertBefore‘)
Annie的博客
04-04 1万+
一、报错现象 vue3 + element plus 项目，本地启动时，页面进行所有操作都正常；部署到生产环境后，数据驱动DOM变化的操作会导致如下报错。 二、可能原因及解决方案 经过分析出现报错的操作步骤及多方资料查询，不同情况下的报错，其原因不同。遇到这种问题的同学可以从以下几方面进行排查。 1、v-if 导致 在 v-if 值为 false 时，如果操作了 v-if 控制的 DOM，可能会因为该 DOM 元素不存在而报错。 解决方案：v-show 替换 v-if 2、...
TypeError: Cannot read properties of null (reading ‘insertBefore‘) vue项目报错
a9874561328的博客
09-15 1万+
本地无论怎么样都不会报错，但是部署到服务器之后，切换到某个路由之后再切换路由之后就疯狂报错，百思不得其解，网上搜了一下说是主要又三个原因造成，粘贴一段我搜索到的，我觉得说的也很有道理，但是并不能解决我的问题。之后我把每一块代码注掉部署注掉部署之后发现是我的table有问题，跟他说的第三个原因好像是同一个，原来是我在template中调用了方法格式化数据，但是这个数据可能不存在，在这里进行兼容处理一下就解决了。解决方案：给 el-dialog 组件增加 destroy-on-close 属性。
web前端Vue 报错：Uncaught (in promise) TypeError: Cannot read properties of nu
热门推荐
吕氏春秋i
09-08 4万+
最近在写vue项目 在写自定义分页器的时候报了一个异常 知道错误却一直找不到解决方案苦思冥想后 还是js的基础语法不扎实导致的，在此记录一下解决方案和思路为以后的bug解决之路打下基础学习之路 永无止步记录当下，保持一颗向上的心态~!
ASP.NET MVC运行出现Uncaught TypeError: Cannot set property __MVC_FormValidation of null的解决方法
01-20
Chrome提示： 确定相关JS已经包含在页面中，（用的是MasterPage，二个页面包含的js文件完全相同），排除了js引用路径不正确的问题。...162行，根据ID获取某个DOM对象，在这里看到optionsFormID为null。（Chr
JQuery报错Uncaught TypeError: Illegal invocation的处理方法
10-24
主要介绍了JQuery报错"Uncaught TypeError: Illegal invocation"的处理方法,需要的朋友可以参考下
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 '#<Object>' 的解决方法，文中介绍的非常详细，需要的朋友们下面来一起看看吧。
Vue打包Cannot read property 'tapPromise' of undefined报错处理.docx
01-21
Vue打包Cannot read property 'tapPromise' of undefined报错处理.docx
电位器的标称阻值和允许偏差
07-11
1、标称阻值为了满足使用者的要求，生产厂生产了各种阻值的电阻器。即使如此，也无法做到使用者想要什么样阻值的电阻器就会有什么样电阻器的成品。为了便于生产和使用，国家统一规定了一系列阻值作为电阻器阻值的...
解决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-Router升级导致的Uncaught (in promise)问题
10-14
主要介绍了解决Vue-Router升级导致的Uncaught (in promise)问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
解决Ajax方式上传文件报错”Uncaught TypeError: Illegal invocation”
12-11
F12看到后台报了个错误：Uncaught TypeError: Illegal invocation，百度了一下，找到了解决方法。 解决方法：在ajax请求的参数中添加如下两个参数： $.ajax({ ..., processData: false, contentType: false, .....
vue TypeError: Cannot read properties of null (reading 'insertBefore')
weixin_42591908的博客
01-11 1869
这个错误通常是由于在组件中使用了 insertBefore 方法时，试图插入到一个不存在的父节点导致的。您可以使用 v-if 指令或在 JavaScript 代码中进行 null 值检查来避免这种情况。 ...
关于控制台输出Uncaught (in promise) TypeError: Cannot read properties of null (reading ‘insertBefore‘)
qq_32154641的博客
04-26 2万+
这是我自己写代码的时候出现的一个问题，就是当我用elementUI组件，使用下拉框el-select来展示数据的时候，第一次输入，下拉列表出现，你选择一个是正常的，然后你继续选择的时候，当你的鼠标移到这个下拉框上的时候，控制台就报错Uncaught (in promise) TypeError: Cannot read properties of null (reading ‘insertBefore’)，截图如下 然后我看了这个错误看半天，表示自己从没在代码中有写过这些，然后我就去自己百度了下，百度说出现
Uncaught (in promise) TypeError: Cannot read properties of null (reading ‘brands）
qq_59294119的博客
04-26 4944
Uncaught (in promise) TypeError: Cannot read properties of null (reading 'brands）
Uncaught (in promise) TypeError: Cannot read properties of null (reading 'on')
最新发布
08-04
引用[1]:在写vue项目时我们经常会遇见这种报错， 报错：Uncaught (in promise) TypeError: Cannot read properties of null (reading 'brands') 这句话意思是：无法读取null属性(读取'brands') 。 问题:Uncaught (in promise) TypeError: Cannot read properties of null (reading 'on') 回答: 这个报错是指在一个promise中尝试读取一个null对象的属性时出现了错误。具体来说，这个错误是由于在promise链中的某个地方，尝试读取一个null对象的'on'属性导致的。这可能是因为在promise链中的某个地方，你尝试对一个null对象进行事件监听，但是由于该对象为null，无法读取'on'属性，从而导致了这个错误的发生。要解决这个问题，你需要确保在对一个对象进行操作之前，先检查该对象是否为null，以避免出现这种错误。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值