vue项目引入vant组件报错‘未注册’

最新推荐文章于 2023-02-10 11:35:38 发布
最新推荐文章于 2023-02-10 11:35:38 发布
阅读量1.3k 收藏
点赞数
分类专栏： # 移动端
原文链接：https://blog.csdn.net/impossible1994727/article/details/105752904
版权

报错：export ‘ActionSheet’ was not found in ‘vant’

在vue项目中引入的vant组件，看了官方文档，版本已经更新到2.几了，但是我本地只有1.6几。

在项目进行过程中很多组件都报错类似："export ‘ActionSheet’ was not found in ‘vant’；

查询到解决方式升级本地版本，升级命令：

npm install vant@2.2.14
星繁~
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
解决vue 引入子组件报错的问题
10-18
在Vue.js开发过程中，我们经常会遇到引入子组件时出现错误的情况。...合理地命名和注册组件，不仅可以避免潜在的冲突，还能提高代码的可读性和可维护性。在实际开发中，理解并遵守这些最佳实践是非常重要的。
解决vue 项目引入字体图标报错、不显示等问题
12-02
问题：在项目开发时使用字体图标，发现两个问题； 1、出现报错： 解决方法为：把字体引入方式改为...以上这篇解决vue 项目引入字体图标报错、不显示等问题就是小编分享给大家的全部内容了，希望能给大家一个参考，也希
vantUI对话框提示组件报错，已全局引入但提示未注册 对话框提示通知组件正确使用方法
Taurus_666
08-21 1712
官方提示用法 import Vue from 'vue'; import { Toast } from 'vant'; import { Dialog } from 'vant'; import { Notify } from 'vant'; Vue.use(Toast); Vue.use(Dialog ); Vue.use(Notify ); 听话照做了呀，but ！！！结果并不是我想要的呢，提示我未注册组件。 正确写法 在全局注册的情况下!! this.$dialog({ message: '提示'
Vue2项目引入vant报错问题解决export ‘isVNode‘ (imported as ‘isVNode‘)
weixin_52417514的博客
08-15 2396
Vue2项目引入vant报错问题解决export 'isVNode' (imported as 'isVNode')
ant design vue组件DatePicker，刷新页面后报错未注册
xiaoran_1997的博客
01-07 767
"ant-design-vue": "^1.7.0", "vue": "^2.6.11", 正常显示应该是这样： 结果页面一刷新就变这样了，还报错： <a-range-picker> - did you register the component correctly? 解决方法，在用到a-range-picker组件的地方添加下面三行代码 import DatePicker from 'ant-design-vue/es/date-picker' import ...
vue引入vant报错“export ‘Fragment‘ (imported as ‘_Fragment‘) was not found in ‘vue‘
u014220146的博客
02-07 5406
vue2对应vant2， 举个例子 “vant”: “^2.12.6”, “vue”: “^2.6.10” vue3 对应vant3 “vant”: “^3.0.0”, “vue”: “^3.0.0”, 否则会报告警
vue 解决循环引用组件报错的问题
10-18
总结来说，Vue中循环引用组件报错的问题可以通过全局注册组件并在Vue实例化前完成这一操作来解决。同时，对于递归组件，确保提供`name`选项以帮助Vue识别它们。遵循这些最佳实践，可以有效地避免因循环引用导致的...
vue项目中按需引入vant组件
笑望灬星辰
05-31 3540
[b][size=24px]vue项目使用vant组件库[/size][/b] vant组件库官网 [color=#0000FF][url=https://youzan.github.io/vant/#/zh-CN/quickstart][/url][/color] 通过 npm 安装 npm i vant -S 或者 cnpm ivant -S 安装插件 npm i babel-plugin-import -D 然后在.babelrc 中添加配置 样式按需加载 { "plugins":
【无标题】antd-vue组件未注册踩坑
你行你上
09-21 366
新版本中全局注册框架不适用Vue.compoents()改为Vue.use(Form)即可。
VUE组件已经注册，但还是报错没有注册，解决方法
Web前端工程师
04-26 2901
components: { viewWindow: () => import('../baseData/components/viewWindow'), },
vant 引用Lazyload报错Lazyload
impossible1994727的博客
03-07 1612
报错如上图： 将本地代码添加如下两行就可以了： import Vue from "vue"; Vue.use(Lazyload); 完整使用方式如下： <template> <div class="Index"> <!-- banner --> <div class="banner"> <van-swipe :autoplay="3000" indicator-color="#ea792d" class="..
Vant按需引入组件，需要注册才能使用
weixin_43228393的博客
06-18 2604
在使用Vue第三方组件的时候,需要进行注册,但是在官方文档中只字未提,真让人火冒三丈。 Vant官方文档中给的使用教程,是这样的,但是我们实际使用的时候,不仅需要引用组件,还需要在components中注册组件,下面有案例 <template> <div class="hello"> <!-- 输入任意文本 --> <van-field v-model="text" label="文本" /> <!-- 输入手机号，调起手机
vue 安装 vuex 报错 “export ‘xxx‘ was not found in ‘vue‘ (“export ‘watch‘ was not found in ‘vue‘) 并且显示空页面
热门推荐
从事前端，不断积累经验，学习新的技术。头像不是本人是莉莉崽（美貌、可爱集于一身的小姐姐，小仙女），一个宝藏博主，值得喜欢！
02-21 2万+
vue 安装 vuex 报错 "export 'xxx' was not found in 'vue' ("export 'watch' was not found in 'vue') 并且显示空页面
vue引用警告 “export ‘default‘ (imported as ‘vant‘) was not found in ‘./utils/vant‘
Rainy_X的博客
09-22 3896
想按需引入vantUI库时，main.js文件引入错误 问题原因：ES6 编译器识别问题 解决方法： import vant from './utils/vant' 改为 import * as vant from './utils/vant'
Vite + Vue3 +Vant4构建项目时，按需引入使用Toast组件，引用 showToast 时出现编译报错的解决方案
m0_52459016的博客
02-10 7100
Vite + Vue3 +Vant4构建项目时，按需引入使用Toast组件，引用 showToast 时出现编译报错的解决方案
《移动端UI框架》Vant
花铛
09-24 3361
npm安装Vant：npm i vant -S； 安装babel-plugin-import：npm i babel-plugin-import -D babel-plugin-import 是一款 babel 插件，它会在编译过程中将 import 的写法自动转换为按需引入的方式 在.babelrc 中添加配置： "plugins": [ "transform-vue-js...
vue中vant组件轻提示Toast is not defined问题
努力变好
06-07 3110
vue中vant组件轻提示Toast is not defined问题
vue3引入vant报错
最新发布
05-12
要使用 Vant 3.x 版本，需要使用 Vue 3.x 以及对应的 Vue CLI 版本。如果你已经使用了 Vue 3.x 和 Vue CLI 4.x，那么可以按照以下步骤来解决问题： 1. 安装 Vant 3.x： ```bash npm install vant@next -S ``` 2. ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值