vue 组件 import make sure to provide the “name“ option.

百度了好多结果,都过时了,例如:

模块引入是否加{}

再比如:

对于递归组件,请确保提供"name"选项。

出现该错误情况之一:

错误由未正确引入组件或子组件引起,如element-ui中form表单组件未引用el-form-item子组件就会出现这个错误。

<el-form >

<el-form-item >

<el-input></el-input>

</el-form-item>

</el-form>

// 局部引入element-ui组件

import { Input, Button, Form, FormItem } from "element-ui";

export default {

name:"updatePwd",

components: {

"el-input": Input,

"el-button": Button,

"el-form": Form,

// "el-form-item": FormItem, // 当不引用该组件而使用时就会报错

},

再比如:

是否在components引用定义的组件

components拼写是否正确,是components不是component,注意要加s

引用组件name属性是否和文件名一致

import name form 'XXXXX' name名是否和components内引用名一致

引用组件位置是否在<template></template>或<template><div></div></template>内部

还有说是组件名称大小写的问题。

在新版vue里,这些都不太对。直接在script setup里引入就解决了:

<script setup>

import component1 from './component1.vue'

<script>

相关推荐
崔庆才丨静觅13 小时前
hCaptcha 验证码图像识别 API 对接教程
前端
passerby606114 小时前
完成前端时间处理的另一块版图
前端·github·web components
掘了14 小时前
「2025 年终总结」在所有失去的人中,我最怀念我自己
前端·后端·年终总结
崔庆才丨静觅14 小时前
实用免费的 Short URL 短链接 API 对接说明
前端
崔庆才丨静觅14 小时前
5分钟快速搭建 AI 平台并用它赚钱!
前端
崔庆才丨静觅15 小时前
比官方便宜一半以上!Midjourney API 申请及使用
前端
Moment15 小时前
富文本编辑器在 AI 时代为什么这么受欢迎
前端·javascript·后端
崔庆才丨静觅15 小时前
刷屏全网的“nano-banana”API接入指南!0.1元/张量产高清创意图,开发者必藏
前端
剪刀石头布啊15 小时前
jwt介绍
前端
爱敲代码的小鱼15 小时前
AJAX(异步交互的技术来实现从服务端中获取数据):
前端·javascript·ajax