最近在开发项目中遇到引用组件老是报错：[Vue warn]: Unknown custom element: <is-notice> - did you register the component correctly? For recursive components, make sure to provide the "name" option.  

在我的项目中错误只发生在首页引用组件时，在其他页面引用组件不会报错（不知道为什么），百度各种查资料终于找到了解决方案，说是循环调用组件时，组件比vue实例后创建，官方文档里写组件必须先于实例化引入，所以说组件没有正确的引入。

解决方法：就是在vue实例化前全局引入组件。

在main.js引入

import isNotice from '@/components/home/notice'
Vue.component('isNotice', isNotice)

用上面的方法全局引入组件就可以解决循环引用组件报错的问题。

（只是暂时解决了问题，具体到本项目为什么只有首页引用会出现这种错误，还在查找中。。。）

参考：https://www.jb51.net/article/147864.htm

 

Logo
Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^

avatar Vue
cover

echarts堆叠柱状图

avatar Vue

Error in v-on handler: "TypeError: Cannot read properties of undefined (reading 'current')"

这是一个 Vue.js 错误，报错信息提示在 v-on 处理程序中出现了错误：“TypeError: Cannot read properties of undefined(读取 'current')”。这意味示在您的代码中，试图读取一个未定义的变量 'current'。您需要检查您的代码，确保 'current' 已正确定义并初始化。...

avatar Vue