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>

相关推荐
卸任1 天前
Vibe coding工具使用心得
前端·ai编程
brien91 天前
为什么模型标称 1M,Google Antigravity 聊到 256K 却突然失忆?我们给它做了个原生行内监控圆环
前端
修炼的dance1 天前
录屏关键帧间隔多少合适?六档实测,2秒到10秒小了75.6%
前端
Lank_M1 天前
关键帧从1秒拉到10秒,录屏小87.3%,摄像头小10.8%
前端
补码缩写1 天前
用 ffprobe 拆录屏,八成字节在 29 个关键帧上
前端
百思不得小李1 天前
一个复杂的动态表单是如何实现的
前端·设计模式
陈随易1 天前
Cmder 停更 17 个月,2.0 支持 Windows Terminal
前端·后端·程序员
清晨Coding1 天前
删了 Cookie 还能自动登录?Google系网站登录态自动恢复的原理分析
javascript
风骏时光牛马1 天前
前沿视界
前端
kyriewen1 天前
我扫了 814 个依赖,97 个还敢要 Node 10
前端·javascript·程序员