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>

相关推荐
weiabc3 小时前
整数最接近等因数分解函数(汇编优化版)
开发语言·前端·javascript
小满zs3 小时前
Next.js身份验证(better-auth)
前端·seo·next.js
IMPYLH3 小时前
Linux 的 truncate 命令
linux·运维·服务器·前端·bash
invicinble3 小时前
前端框架使用vue-cli( 第一层:依赖与环境层)
前端·vue.js·前端框架
七七powerful3 小时前
mac电脑安装cmca根证书
java·前端·macos
invicinble3 小时前
前端框架使用vue-cli (第五层:构建打包层--vue.config.js文件介绍以及环境文件)
javascript·vue.js·前端框架
神探小白牙3 小时前
echarts环形图自定义
android·前端·echarts
故事和你913 小时前
洛谷-数据结构2-1-二叉堆与树状数组2
开发语言·javascript·数据结构·算法·ecmascript·动态规划·图论
ZC跨境爬虫3 小时前
跟着 MDN 学 HTML day_28:(使用选择器 API 在 DOM 树中进行选择与遍历)
前端·ui·html·音视频·webrtc
东北甜妹4 小时前
K8s Ingress
java·运维·前端