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

最新推荐文章于 2024-08-02 16:08:15 发布
最新推荐文章于 2024-08-02 16:08:15 发布
阅读量9k 收藏
点赞数 4
文章标签： vue.js npm 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/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组件报错，Can‘t resolve ‘vant-green‘
m0_48454458的博客
10-06 1871
import { Swipe, SwipeItem } from ‘vant’;
Vue3+vant库处理showToast报错正确姿势：Can‘t resolve ‘vant/es/show-toast‘
qq_54039576的博客
08-05 2838
环境： "vant": "^4.6.3",1 . 首先，要排除是自己导致的问题要确保自己在vue页面正确的使用Toast相关提示框这里关于app.use(vent相关组件) ，个人建议写在注入路由app.use(router)的上面，因为我之前貌似刚开始用vant因为use顺序问题，导致vant死活不生效，，，备忘：今天是刚开始用vant库的第4天，部分使用vant某个组件报错等等，一般会在vant官方相对应组件页面底部有官方解决问题指导。
react启动项目报错：Module not found: Error: Can‘t resolve ‘@/路径‘ in ‘路径‘
最新发布
weixin_53198972的博客
08-02 596
原因：这个错误是由于create-react-app项目已经不再维护，所以babel-preset-react-app依赖的 "@babel/plugin-proposal-private-property-in-object"包可能不再更新，导致出现未声明依赖的错误。文件中添加"@babel/plugin-proposal-private-property-in-object"包到devDependencies中。原因：webpack没有对@绝对路径进行配置，导致没有办法识别该路径。
vue2脚手架搭建项目Can‘t resolve ‘vant‘ in 某个地址
yuyuyuyuyuyyuuyu的博客
05-12 318
就是么有安装vant按照所需版本安装即可。
解决Module not found: Error: Can‘t resolve ‘@antv/data-set‘ in xxx
qq_39290941的博客
06-10 4525
解决antv-g2数据集问题
TS2307: Cannot find module ‘vant‘ or its corresponding type declarations
诉衷情の麻雀的博客
11-26 2916
用完npm 再用yarn都不行 可能是版本兼容问题 可以看到我的node_modules模块下已经安装了这个依赖 然后我在 package.json 中dependencies包的vue版本的下面 再定义vant的版本。今天在做项目的时候 需要引入vant组件库，但是按照官方的说法 需要运行 npm i vant。然后让npm帮我更新依赖安装vant。解决Vant安装却依然报错的问题。然后我安装了还是报错。
vue-cli babel.config.js文件引入vant报错Cannot find module ‘babel-plugin-import‘
Have_No_Heart的博客
12-15 3011
问题 在跟着网上的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 '../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 配置文件中正确注册该组件。 你可以检查以上...
Could not resolve dependency:npm ERR! peer vue@“^2.5.17“ from element-ui@2.15.14
LxyingINGing的博客
02-04 1137
element-ui不适配vue3，官方已将vue3版本的更新为element-plus。
记一次踩雷经历：Vue引入vant /van-tabs组件后不显示/van-tabs和子路由的封装后Failed to resolve directive: keep-scroll-position
明日复明日的博客
05-05 8165
核心错误应该是[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...
Module not found: Error: Can‘t resolve
Yeira的博客
08-06 3万+
Module not found: Error: Can't resolve '.vue' in 'G:....' 要么没下载这个模块包：npm install 对应的包 要么路径错误
vant 导入所有组件不成功 not found: * vant/lib/vant-css/index.css in ./src/main.js
明日晴空的博客
04-22 1万+
出现这个的原因，可能是大家看的是之前文档； 并没有vant-css这个目录 把路径改成 import 'vant/lib/index.css';
not found: * vant/lib/vant-css/index.css in ./src/main.js
Devin_Chen的博客
04-11 1万+
This dependency was not found: * vant/lib/vant-css/index.css in ./src/main.js To install it, you can run: npm install --save vant/lib/vant-css/index.css WAIT Compiling...11:03:17 之前写过一个vant的项目...
vue引入组件vant组件Dialog报错的解决方案
javascript和jq设置金额整数与小数点后面的字体大小
03-26 4875
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 3万+
一招解决vue中Module not found: Error: Can‘t resolve ‘xxx‘
小程序编译报错“Can‘t resolve ‘antd/lib/list‘”
dhp811的专栏
04-28 651
编译小程序报错“Can't resolve 'antd/lib/list'”，遇到这种问题，首先确认当前工程目录node_module下是否有组件antd目录。1. 没有antd目录，那么antd组件没有安装，使用命令安装即可。2. 如果有antd目录，还会出现这个问题，那可能页面引入引起的，检查页面即可。
vant组件安装之后导入所有组件报错
qq_45331969的博客
10-10 785
解决办法：在node_modules里面找到 vant目录下面的lib里面的。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值