解决:Unknown custom element: did you register the component correctly? For recursive components...问题

问题:在引入组件,请求页面引用的组件内容没有显示,查看console控制台出现报错

Unknown custom element: did you register the component correctly? For recursive components, make sure to provide the "name" option.
原因:

1.引用组件的时候写错了,应该是import XXX from "../../views/system/XXX.vue"写成了import {XXX} from "../../views/system/XXX.vue"

可能原因:

2.components单词是否拼写错误,组件语法是否错误

<script>
import school from "../../views/system/school.vue"
import student from "../../views/system/student.vue"

export default {
     components: { school,student },
     data() {
            return {}
     }
}
</script>

import {XXX} from "../../views/system/XXX.vue"这种写法是用来引入同一个文件里的多个方法

例如:有student.js文件,在student.vue文件引用

student.js(路径api/student/student.js)

import request from '@/utils/request'

// 获取列表
export function getStudentList() {
    return request({
        url: '/student/getStudentList',
        method: 'get'
    })
}

// 新增
export function addStudent(data) {
    return request({
        url: '/student',
        method: 'post',
        data: data
    })
}

// 编辑
export function editStudent(data) {
    return request({
        url: '/student',
        method: 'put',
        data: data
    })
}

student.vue(路径views/student/student.vue)

import { getStudentList, addStudent, editStudent } from "@/api/student/student";

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值