解决Vue3报错:Property “xxx“ was accessed during render but is not defined on instance.
Vue3报错:Property “xxx” was accessed during render but is not defined on instance.
翻译:属性“xxx”在呈现期间被访问,但没有在实例上定义。
其实就是在模板上有,但是在script上没有定义
很多同学跟说这不是报错,是警告,其实只要是在渲染页面时出现的问题,我们都可以说成是报错
因为如果有警告,到项目发布的时候是会出现问题的
所以不管是报错还是警告,出现了就必须先解决掉
跟着这个报错的还有下面两个报错:Unhandled error during execution of render function
意思是在执行渲染函数时未处理的错误
Unhandled error during execution of scheduler flush. This is likely a Vue internals bug.
这个就牛了,警告说可能是vue内部的bug,执行调度器刷新期间未处理的错误。
这三个报错都是一起出现的,所以找问题还是挺好找的,解决bug的提供一下思路
出现bug的背景是我在某一个文件中写了太多的代码,所以想把其中一部分封装成组件再引用进来,然后就新建了一个带有初始模板的页面,再把原页面中的部分代码函数样式复制过去
初始模板如下:
<template> </template> <script> </script> <style> </style>
通过第一个报错,模板上有,但是没有定义,我们可以去script
找,发现script
里写了没有问题,然后第二三个报错并不能给我什么有利的信息,然后我就发现script
中没有加上组合式 API即setup,加上了就没报错了
所以问题的出现原因是在新创建的vue模板文件中没有加上语法糖
解决问题就是<script setup>
通过此次报错,需要记一下在新建vue文件封装组件的时候检查标签有没有少写
总结
到此这篇关于解决Vue3报错:Property “xxx“ was accessed during render but is not defined on instance的文章就介绍到这了,更多相关Vue3报错Property “xxx“内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!
- vue3中require报错require is not defined问题及解决
- VUE3刷新页面报错问题解决:Uncaught SyntaxError:Unexpected token '<'
- vue3+vite中报错信息处理方法Error: Module “path“ has been externalized for browser compatibility...
- Vue3报错‘defineProps‘ is not defined的解决方法
- vue3+vite项目中按需引入vant报错:Failed to resolve import的解决方案
- vue3接口数据赋值对象,渲染报错问题及解决
- vue3.x:报错清单及解决记录
相关文章
Vue使用antd组件a-form-model实现数据连续添加功能
这篇文章主要介绍了Vue使用antd组件a-form-model实现数据连续添加功能,本文结合示例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下2022-12-12vue中重定向redirect:‘/index‘,不显示问题、跳转出错的完美解决
这篇文章主要介绍了vue中重定向redirect:‘/index‘,不显示问题、跳转出错的完美解决方案,本文通过图文并茂的形式给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友参考下吧2020-09-09
最新评论