Uncaught (in promise) TypeError: Cannot read properties of null (reading 'ownerDocument')
时间: 2023-10-28 11:00:18 浏览: 194
控制台报错`Uncaught (in promise) TypeError: Cannot read properties of null (reading 'ownerDocument')`是在页面渲染时出现的错误。这个错误发生在异步接口请求返回之前,所以页面会继续正常渲染,但是在控制台会报错。这个错误的原因是在某一行代码中,对一个值为null的对象进行了属性读取操作,具体来说是对一个名为`ownerDocument`的属性进行读取时发生了错误。
为了解决这个问题,可以使用nextTick方法和if判断来确保在接口请求返回之后再进行相应的操作。在nextTick的回调函数中,将接口请求的代码包裹起来,这样可以确保接口的值在进行操作之前已经被赋值。同时,可以使用if判断来检查接口返回的值是否为undefined,避免对null值进行属性读取操作。下面是一个示例的代码:
```javascript
const list = ref([])
nextTick(() => {
test().then((res) => {
const testlist = res;
if (typeof testlist !== "undefined") {
list.value = testlist.list;
}
console.log(1);
});
});
```
通过以上的代码,在接口请求返回之后,会将接口返回的数据赋值给`list`变量,并进行相应的操作。同时,使用了if判断来确保在接口返回的值不为undefined时才执行赋值操作,避免了对null值进行属性读取操作。这样就可以避免出现`Uncaught (in promise) TypeError: Cannot read properties of null (reading 'ownerDocument')`的错误。
阅读全文