vue vant组件 Module not found: Error: Can‘t resolve ‘vant‘

最新推荐文章于 2023-10-06 15:30:23 发布
最新推荐文章于 2023-10-06 15:30:23 发布
阅读量9.6k 收藏
点赞数 4
文章标签： vue.js npm 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/BEIHOUKe/article/details/125121245
版权

使用vant组件时，通过babel-plugin-import 这款 babel 插件，它会在编译过程中将 import 的写法自动转换为按需引入的方式。结果出现报错：在这里插入图片描述
原因是因为没有安装vant，# Vue 3 项目，安装最新版 Vant：
npm i vant -S
安装vant2：
npm i vant@latest-v2 -S
附上vant2网址https://vant-contrib.gitee.io/vant/v2/#/zh-CN/quickstart

BEIHOUKe
关注
记一次踩雷经历：Vue引入vant /van-tabs组件后不显示/van-tabs和子路由的封装后Failed to resolve directive: keep-scroll-position
明日复明日的博客
05-05 8467
核心错误应该是[Vue warn]: Property or method "$t" is not defined on the instance but referenced during render. Make sure that this property is reactive, either in the data option, or for class-based compone...
Could not resolve dependency:npm ERR! peer vue@“^2.5.17“ from element-ui@2.15.14
最新发布
LxyingINGing的博客
02-04 1681
element-ui不适配vue3，官方已将vue3版本的更新为element-plus。
Vue项目导入vant组件报错，Can‘t resolve ‘vant-green‘
m0_48454458的博客
10-06 2433
import { Swipe, SwipeItem } from ‘vant’;
Module not found: Error: Can‘t resolve “xxx“ in “xxx“导致该问题的解决方案
热门推荐
qq_59389108的博客
01-07 6万+
其细致的报错为：Module not found: Error: Can't resolve './images/logo.png' in 'xxx'2：在非路由组件中的style下采用了less样式，而没有下载less相关依赖。在遇到报错时应该仔细阅读报错提示，这样解决起来也不会没有头绪。1：在非路由组件中出现了图片路径，而路由根组件并未导入该图片。根据报错提示反应的情况是：找不到模块：错误：无法解析。在此处我们谈论一下解决该类报错的几种方法。解决方案：在非路由组件下导入该图片。
Vue3+vant库处理showToast报错正确姿势：Can‘t resolve ‘vant/es/show-toast‘
qq_54039576的博客
08-05 3613
环境： "vant": "^4.6.3",1 . 首先，要排除是自己导致的问题要确保自己在vue页面正确的使用Toast相关提示框这里关于app.use(vent相关组件) ，个人建议写在注入路由app.use(router)的上面，因为我之前貌似刚开始用vant因为use顺序问题，导致vant死活不生效，，，备忘：今天是刚开始用vant库的第4天，部分使用vant某个组件报错等等，一般会在vant官方相对应组件页面底部有官方解决问题指导。
vue2脚手架搭建项目Can‘t resolve ‘vant‘ in 某个地址
yuyuyuyuyuyyuuyu的博客
05-12 368
就是么有安装vant按照所需版本安装即可。
解决Module not found: Error: Can‘t resolve ‘@antv/data-set‘ in xxx
qq_39290941的博客
06-10 4938
解决antv-g2数据集问题
Module not found: Error: Can't resolve '../views/Home.vue' in 'E:\idea-workspace\day83_phone-store_vantui+vue\phone_store\src\router'
07-27
引用\[1\]:Module not found: Error: Can't resolve '../views/AboutView.vue' in 'C:\Users\24210\Desktop\houtai\src\router'。引用\[2\]:ERROR in ./src/router/index.js 35:11-37:29 Module not found: Error: ...
error in ./src/main.js Module not found: Error: Can't resolve '@vant/weapp/toast/toast' in 'E:\微信小程序\uni\src'
12-19
以下是解决"error in ./src/main.js Module not found: Error: Can't resolve '@vant/weapp/toast/toast' in 'E:\微信小程序\uni\src'"的方法： 1. 确保已经安装了vant组件： ```shell npm i vant -S ``` 2. 如果...
ERROR in ./src/plugins/Vant.js 40:0-31 Module not found: Error: Can't resolve 'vant/es/tab' in 'D:\newtest\src\plugins' @ ./src/main.js 8:0-24
06-06
2. 你的代码中引用了一个不存在的 Vant UI 组件，比如 'vant/es/tab'，而实际上 Vant UI 并没有这个组件。 3. 你的代码中引用了一个 Vant UI 组件，但是没有在 Vant.js 配置文件中正确注册该组件。 你可以检查以上...
TS2307: Cannot find module ‘vant‘ or its corresponding type declarations
诉衷情の麻雀的博客
11-26 3191
用完npm 再用yarn都不行 可能是版本兼容问题 可以看到我的node_modules模块下已经安装了这个依赖 然后我在 package.json 中dependencies包的vue版本的下面 再定义vant的版本。今天在做项目的时候 需要引入vant组件库，但是按照官方的说法 需要运行 npm i vant。然后让npm帮我更新依赖安装vant。解决Vant安装却依然报错的问题。然后我安装了还是报错。
vue theme-default保存找不到Module not found: Error: Can't resolve 'element-ui/lib/theme-default/index.css
王海虎的博客
08-21 2万+
当时很懵逼，看了半天还以为自己安装丢包了呢，给大家分享一下，1秒钟就解决了： 着急的同学直接： import 'element-ui/lib/theme-default/index.css' 改为 import 'element-ui/lib/theme-chalk/index.css' 想知道原因的同学往下看   让后我就去官网上找答案 发现，官网上写的很清楚，...
微信小程序 已经安装vant-weapp 但是引入报错
ha_csj的博客
04-02 1466
报错 jsEnginScriptError Component is not found in path “@vant/weapp/divider/index” (using by “pages/news/news”);onAppRoute Error: Component is not found in path “@vant/weapp/divider/index” (using by “pa...
vue-cli babel.config.js文件引入vant报错Cannot find module ‘babel-plugin-import‘
Have_No_Heart的博客
12-15 3116
问题 在跟着网上的vue项目的项目准备过程中，在 babel.config.js 文件中需要引入 vant 组件库。代码大概如下： module.exports = { presets: [ '@vue/cli-plugin-babel/preset' ], plugins: [ ['import', { libraryName: 'vant', libraryDirectory: 'es', style: true }, 'vant'
Module not found: Error: Can‘t resolve
Yeira的博客
08-06 3万+
Module not found: Error: Can't resolve '.vue' in 'G:....' 要么没下载这个模块包：npm install 对应的包 要么路径错误
安装 vant 报错 npm ERR! code ERESOLVEnpm ERR! ERESOLVE could not resolvenpm ERR!npm ERR! While resolv
weixin_53317758的博客
09-15 1854
npm ERR! code ERESOLVE npm ERR! ERESOLVE could not resolve npm ERR! npm ERR! While resolving: @vue/eslint-config-standard@6.1.0 npm ERR! Found: eslint-plugin-vue@8.7.1 npm ERR! node_modules/eslint-plugin-vue npm ERR! dev eslint-plugin-vue@"^8.0.3" from t
vue引入组件vant组件Dialog报错的解决方案
javascript和jq设置金额整数与小数点后面的字体大小
03-26 5209
vue脚手架引入了vant组件，我采用的是按需导入，在局部组件用到时，就在局部调用，其它组件局部调用都没什么问题，但当我用到了Dialog组件时就报错了，局部调用Dialog的代码如下： import {Field,Picker,Popup,Button,Dialog } from 'vant' components:{ [Aber.name]: Aber, ...
一招解决vue中Module not found: Error: Can‘t resolve ‘xxx‘
m0_64453243的博客
06-03 4万+
一招解决vue中Module not found: Error: Can‘t resolve ‘xxx‘
小程序编译报错“Can‘t resolve ‘antd/lib/list‘”
dhp811的专栏
04-28 764
编译小程序报错“Can't resolve 'antd/lib/list'”，遇到这种问题，首先确认当前工程目录node_module下是否有组件antd目录。1. 没有antd目录，那么antd组件没有安装，使用命令安装即可。2. 如果有antd目录，还会出现这个问题，那可能页面引入引起的，检查页面即可。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值