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>

相关推荐
骆驼Lara6 分钟前
前端跨域解决方案(1):什么是跨域?
前端·javascript
离岸听风9 分钟前
学生端前端用户操作手册
前端
onebyte8bits11 分钟前
CSS Houdini 解锁前端动画的下一个时代!
前端·javascript·css·html·houdini
yxc_inspire15 分钟前
基于Qt的app开发第十四天
前端·c++·qt·app·面向对象·qss
一_个前端23 分钟前
Konva 获取鼠标在画布中的位置通用方法
前端
一点也不想取名1 小时前
解决 Java 与 JavaScript 之间特殊字符传递问题的终极方案
java·开发语言·javascript
[email protected]1 小时前
Asp.Net Core SignalR导入数据
前端·后端·asp.net·.netcore
小满zs6 小时前
Zustand 第五章(订阅)
前端·react.js
涵信7 小时前
第一节 基础核心概念-TypeScript与JavaScript的核心区别
前端·javascript·typescript
谢尔登7 小时前
【React】常用的状态管理库比对
前端·spring·react.js