vant报错：Unknown custom element: ＜van-tabbar＞

HGYYR

于 2024-06-19 14:27:06 发布

阅读量238

点赞数 1

文章标签： vue.js 前端

本文链接：https://blog.csdn.net/HGYYR/article/details/139802084

版权

Unknown custom element: - did you register the component correctly? For recursive components, make sure to provide the “name” option.

found in

—> at src/views/layout/index.vue
at src/App.vue

在这里插入图片描述
在使用vant的组件Tabbar, TabbarItem的时候报错，因为插件使用方式写错了
错的时候这样写的

import Vue from 'vue'
import { Button, Tabbar, TabbarItem } from 'vant'

Vue.use(Button, Tabbar, TabbarItem)

实际上应该和下面写的一样

Vue.use(Button).use(Tabbar).use(TabbarItem)

在这里插入图片描述
底部标签就出来了

关注博主即可阅读全文

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

HGYYR

关注关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
vant报错：Unknown custom element: ＜van-tabbar＞

在使用vant的组件Tabbar, TabbarItem的时候报错，因为插件使用方式写错了。实际上应该和下面写的一样。
复制链接

扫一扫

前端开发：Vue项目报错Unknown custom element：XXX - did you register the component correctly…的解决方法丨蓄力计划

软贱开发攻城狮

05-11

1万+

导读 Vue项目报错Unknown custom element:XXX - did you register the component correctly…的解决方法。问题前段时间在做前端项目的时候，遇到了一个关于饿了么框架的报错问题，具体报错信息如下所示： [Vue warn]: Unknown custom element: <table-page> - did you register the component correctly? For recursive c.

Unknown custom element:did you register the component correctly?

weixin_44552512的博客

12-05

1894

Unknown custom element: - did you register the component correctly? For recursive components, make sure to provide the “name” option. 出现这种报错，你需要排查：（仅供vue脚手架使用者参考） 1、是否引入模板文件 2、components是否拼写错误 3、是否已经...

参与评论您还未登录，请先登录后发表或查看评论

uniapp报错： Unknown custom element: - did you register the component correctly?解决方法

我有故人折剑去，斩尽春风不曾归

03-15

4789

这个报错是因为找不到 menuDraw 这个组件导致的。

使用Vant按需加载UI的时候报错：Unknown custom element 解决方案

qq_39740660的博客

10-17

1万+

使用Vant去按需加载UI的时候报错： vue.runtime.esm.js?2b0e:619 [Vue warn]: Unknown custom element: <van-button> - did you register the component correctly? - For recursive components, make sure to provide ...

关于vue报错，Unknown custom element: did you register the component correctly? For recursive components,

qq_38359685的博客

08-27

312

今天用iview和vue做页面时出现了这个错误这是改正后的代码，因为CarouselItem俩个单词中间没有加杠，导致组件无法识别，还是要细心才可以。

常出错解决：Unknown custom element: ＜＞- did you register the component correctly? For recursive compon

Unaided222的博客

03-26

558

刚入门使用组件化开发时经常会报这个错误，现在整理一下常出错的原因，提醒自己！

解决vue使用vant下拉框van-dropdown-item 绑定title值不变问题

10-15

在Vue开发过程中，使用Vant UI库的下拉框组件`van-dropdown-item`时，可能会遇到一个问题：下拉框的标题`title`始终不变，即使选中了不同的选项。本篇将详细介绍如何解决这个问题。首先，我们需要确保Vue项目正确...

vant 自定义 van-dropdown-item的用法

10-15

本文将详细介绍如何自定义 Vant 的 `van-dropdown-item` 组件，以满足特定的设计需求。 `van-dropdown-item` 是 Vant UI 中的一个下拉菜单组件，通常用于展示一个可折叠的选项列表。在默认情况下，`van-dropdown-...

vant-image本地图片无法显示

01-07

正常情况下都是这样写的，但是vant这个框架不知道怎么想的，居然加载不出来，花里胡哨。文档也没有写怎么加载本地图片，到处挖坑。如图：加载失败解决办法： src属性绑定requeir（）方法 :src=require('../...

vant 中van-list的用法说明

01-18

van-list里面的元素不能有float样式，否则会连续触发 ... <van v-model=active change=getTypeDate> <van v-for=(tab) title=tab.name key=tab.id> <div xss=removed class=pic-content> <van-list :finished

报错Unknown custom element: ＜组件名＞ - did you register the component correctly?的原因及解决办法

热门推荐

chelflan's blog

04-21

11万+

报错Unknown custom element: ＜组件名＞ - did you register the component correctly?的原因及解决办法

记录:Unknown custom element: [v-table] - did you register the component correctly...报错【亲测有效】

**My Coding Family**

04-25

9万+

记录:Unknown custom element: [v-table] - did you register the component correctly...报错。

vue报错 Unknown custom element,未知的自定义元素

weixin_57246351的博客

09-10

8965

[Vue warn]: Unknown custom element: - did you register the component correctly? For recursive components, make sure to provide the “name” option. 未知的自定义元素： - 您是否正确注册了组件？对于递归组件，请确保提供“名称”选项。错误路径 found in —> at src/views/employees/index.vue 如果你用一定组件,全

vue报错：Unknown custom element xxx - did you register the component correctly For recursive compon

web15285868498的博客

03-02

7549

文章目录一、报错信息二、分析 1.报这种错误可以先检查一下代码规范，模块引入是否加{} 一、报错信息 vue.runtime.esm.js2b0e:619 [Vue warn]: Unknown custom element: - did you register the component correctly For recursive components, make sure to provide the “name” option. 二、分析 1.报这种错误可以先检查一下代码规

解决uniapp项目中使用vant Weapp图标组件报错问题（Module build failed from ./node_modules/postcss-loader/src/index）

筱竹的博客

12-30

1万+

解决uniapp项目中使用vant 图标报错问题在使用uniapp开发项目时，使用到了vant Weapp组件库，如下图所示：但是当运行项目进行编译时或者发行进行项目打包时，报错如下：以下是具体报错信息 15:25:26.122 Module build failed (from ./node_modules/postcss-loader/src/index.js): 15:25:26.128 SyntaxError 15:25:26.129 (36:193) Unclosed bracke

正确解决Unknown custom element: ＜xxx＞ - did you register the component correctly?异常的有效解决方法

最新发布

wbajsjhhhhh的博客

05-03

4712

正确解决Unknown custom element: - did you register the component correctly?异常的有效解决方法

解决：Unknown custom element: ＜＞ - did you register the component correctly? For recursive compon

ruiti的博客

07-11

9万+

出现Unknown custom element: ＜＞ - did you register the component correctly? For recursive compon 检查以下几处第一种：看components:{},单词是否拼错，和不要写成components(){} 第二种：本页面components 看写了几个，是否是因为覆盖了。只能有一个components:{} 第三种，检查引入的组件确定是否需要{} , import XXX from "...." 还是 imp.

Unknown custom element: ＜navbar＞ - did you register the component correctly? For recursive componen

rbgg_mp的博客

11-12

3047

今天在App中引入一个组件时，一直报错： Unknown custom element: - did you register the component correctly? For recursive components, make sure to provide the “name” option. 一看代码我写的也没错啊，究竟是什么原因呢？让我百思不得其解 <template> <nav> navbar template是一个.

uniapp引入vant组件库后报错Unknown custom element: <van-button> - did you register the component correctly? For recursive components, make sure to provide the "name" option.

06-10

在uniapp中引入vant组件库后出现 `Unknown custom element: <van-button> - did you register the component correctly? For recursive components, make sure to provide the "name" option.` 的错误提示，通常有以下几种原因： 1. 没有在 `main.js` 中全局注册vant组件库。 ``` import Vue from 'vue'; import Vant from 'vant'; import 'vant/lib/index.css'; Vue.use(Vant); ``` 2. 没有按照 vant 官方文档正确引入组件。在引入组件时，需要按照文档指定的方式来引入组件，例如： ``` <template> <van-button>按钮</van-button> </template> <script> import { Button } from 'vant'; export default { components: { [Button.name]: Button } } </script> ``` 3. 检查是否正确安装 vant 组件库。通过 `npm install vant --save` 安装 vant 组件库，确保已经正确安装并且版本正确。如果以上方法都不能解决问题，可以尝试重新安装 vant 组件库，或者卸载后重新安装。