vant 报错 "export 'DropdownItem' was not found in 'vant'

最新推荐文章于 2023-02-23 17:01:29 发布
最新推荐文章于 2023-02-23 17:01:29 发布
阅读量4.6k 收藏 2
点赞数 3
分类专栏： vue vant 文章标签： vant
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/impossible1994727/article/details/105752904
版权
vue 同时被 2 个专栏收录
32 篇文章 1 订阅
订阅专栏
vant
6 篇文章 0 订阅
订阅专栏

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

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

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

npm install vant@2.7.1
//2.7.1是版本号，每次用官网上面最新的版本号

 

impossible1994727
关注
  • 3
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue 安装 vuex 报错 “export ‘xxx‘ was not found in ‘vue‘ (“export ‘watch‘ was not found in ‘vue‘) 并且显示空页面
m0_67401545的博客
03-09 1550
报错如下： 当安装vuex 启动项目报 如下错误 "export ‘watch’ was not found in ‘vue’ "export ‘reactive’ was not found in ‘vue’ "export ‘inject’ was not found in ‘vue’ 解决方案： 如果你的vue版本是 2.X ，将vuex升到 3.X.X 就能够解决 npm install --save vuex@3.6.2 如果你的vue版本是 3.X ，将vuex升到 4.X.X 就能够解决 n
vue引用警告 “export ‘default‘ (imported as ‘vant‘) was not found in ‘./utils/vant‘
Rainy_X的博客
09-22 3849
想按需引入vantUI库时，main.js文件引入错误 问题原因：ES6 编译器识别问题 解决方法： import vant from './utils/vant' 改为 import * as vant from './utils/vant'
export “Empty“ was not found in “vant“
qq_39750019的博客
10-29 305
问题描述： npm install vant@2.12.30
vue引入vant报错“export ‘Fragment‘ (imported as ‘_Fragment‘) was not found in ‘vue‘
u014220146的博客
02-07 5310
vue2对应vant2， 举个例子 “vant”: “^2.12.6”, “vue”: “^2.6.10” vue3 对应vant3 “vant”: “^3.0.0”, “vue”: “^3.0.0”, 否则会报告警
引入vuex 报错警告 “export ‘inject‘ was not found in ‘vue‘
c327127960的博客
02-09 5839
引入Vuex时 警告 "export ‘inject’ was not found in ‘vue’ 同时控制台报错 vue/cli 版本 4.5.15 创建项目时没有下载vuex 后期自己下载的，看了一下下载的vuex版本时4.x.x 页面报错 "export 'inject' was not found in 'vue' 解决方案 ： 1.看一下自己的vuex版本是不是4.x.x ，如果是，先卸载vuex 2.重新下载vuex npm install vuex@3.4.0 ...
微信小程序导入Vant报错VM292:1 thirdScriptError的解决方法
10-16
主要给大家介绍了关于微信小程序导入Vant报错VM292:1 thirdScriptError的解决方法，文中通过示例代码介绍的非常详细，对大家学习或者使用微信小程序具有一定的参考学习价值，需要的朋友们下面来一起学习学习吧
解决vant的Toast组件时提示not defined的问题
01-21
[Vue warn]: Error in v-on handler: “ReferenceError: Toast is not defined” 解决方法： handleClick(){ this.$toast('点击提示') } 补充知识：vue+vant移动端遇到的那些问题 1、项目引用了lib-flexible 跟px...
Taro引入vant Weapp的方法
01-08
Taro(V2.0.5)中引入Vant Weapp，（需下载资源到项目中：大小约322KB） 需如下几步： 1.在/src/components下新建文件夹vant-weapp 2.在github上找到Vant-weapp下载文件包，将对应的dist文件夹下内容复制到新建的vant-...
vant 自定义 van-dropdown-item的用法
10-15
在移动应用开发中，Vant UI 是一款流行的组件库，它为 Vue.js 应用提供了丰富的 UI 元素和交互设计。本文将详细介绍如何自定义 Vant 的 `van-dropdown-item` 组件，以满足特定的设计需求。 `van-dropdown-item` 是 ...
引入Vue-router后报错 export ‘xxxx‘ was not found in ‘xxx‘
weixin_42308804的博客
06-02 771
引入Vue-router报错 export 'xxx' was not found in 'xxx'
Vue组件引用时出现 export ‘xxx‘ was not found in ‘xxx‘或This relative module was not found:‘xxx‘地址类报错
weixin_44240448的博客
01-09 5034
对新封装组件进行引用时遇到的终端及控制台报错
【已解决】vue3+vant 引入Dialog Toast都会失败报错not defined
baidu_38730364的博客
09-08 6313
vant按需引入其他的组件没有问题，但是在引入Dialog时报错not defined.测试中，点击弹出的那个引入也可以，只有Dialog.confirm类似的就会报错，后面测试类似的Toast也是这样。在网上找了好多，都没有具体的解决方法。 后面看到一个帖子给的方法试了下，算是成功了。 我是在main.js里写要引用的组件，这样就可以全局使用了，但是Dialog和Toast上遇到了阻碍，对于这两个，在要使用的地方单独引用就不会报错。 原main.js： import { Button, Dial
vue项目引入vant组件报错‘未注册’
乔的博客
04-30 3115
报错：export ‘ActionSheet’ was not found in ‘vant’ 在vue项目中引入的vant组件，看了官方文档，版本已经更新到2.几了，但是我本地只有1.6几。 在项目进行过程中很多组件都报错类似："export ‘ActionSheet’ was not found in ‘vant’； 查询到解决方式升级本地版本，升级命令： npm install vant@2...
导出：“export ‘Demo‘ was not found in ‘./components/Demo.vue‘
weixin_45609659的博客
02-25 1468
导出；一直页面不显示，找半天错误 引入组件时不需要加"{}"，方法引用才需要加上"{}"
在Vue中引入vant报错（解决办法）
用心创作每一篇文章
02-07 2697
2、以不同的vant版本暗转：npm install -S vant@2.12.2。2、降低npm版本：npm install npm@6.13.4 -g。因为可能会产生依赖冲突，所以一般会在后面加上 -f 强制执行。注意：可能会遇到版本兼容的问题，此时运行项目会报黄。在Vue项目的main.js文件中写入如下代码。你会发现项目跑不了了。1、先卸载掉vant。1、先卸载点vant。
“export ‘default‘ (imported as ‘xxx‘) was not found in ‘xxx‘解决办法
热门推荐
YukiGreen的博客
07-13 2万+
"export 'default' (imported as 'xxx') was not found in 'xxx'解决办法
export ‘createApp‘ (imported as ‘createApp‘) was not found in ‘vue‘
weixin_65464844的博客
02-23 1485
vant安装版本问题
Vite + Vue3 +Vant4构建项目时，按需引入使用Toast组件，引用 showToast 时出现编译报错的解决方案
m0_52459016的博客
02-10 6662
Vite + Vue3 +Vant4构建项目时，按需引入使用Toast组件，引用 showToast 时出现编译报错的解决方案
vant报错Uncaught ReferenceError: ref is not defined
最新发布
06-06
vant报错Uncaught ReferenceError: ref is not defined通常是由于使用了vant的组件，但是没有正确引入所需的依赖库或者版本不匹配导致的。可以检查以下几个方面： 1.检查vant的版本是否与Vue版本匹配，可以查看vant官方文档来确认版本号是否正确。 2.检查是否正确引入vant的依赖库，比如vue-router、vuex等依赖库。 3.检查是否正确引入vant的组件，可以检查组件的命名是否正确，组件是否正确导出等。 希望这些能帮到你解决问题。如果还有其他问题，请随时问我。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值