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

最新推荐文章于 2023-10-10 16:36:43 发布
最新推荐文章于 2023-10-10 16:36:43 发布
阅读量8.4k 收藏
点赞数 1
文章标签： 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
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
vue-vant-template:带有VantUI的Vue移动项目模板
05-20
模板Vue移动端项目模板，组件库项目设置$ yarn install编译和热重装以进行开发$ yarn run serve编译并最小化生产$ yarn run build整理和修复文件$ yarn run lint:fix自定义配置请参阅。
vue vant Area组件使用详解
10-15
主要介绍了vue vant Area组件使用详解，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
Vue项目导入vant组件报错，Can‘t resolve ‘vant-green‘
m0_48454458的博客
10-06 1425
import { Swipe, SwipeItem } from ‘vant’;
解决Module not found: Error: Can‘t resolve ‘@antv/data-set‘ in xxx
qq_39290941的博客
06-10 4257
解决antv-g2数据集问题
TS2307: Cannot find module ‘vant‘ or its corresponding type declarations
诉衷情の麻雀的博客
11-26 2719
用完npm 再用yarn都不行 可能是版本兼容问题 可以看到我的node_modules模块下已经安装了这个依赖 然后我在 package.json 中dependencies包的vue版本的下面 再定义vant的版本。今天在做项目的时候 需要引入vant组件库，但是按照官方的说法 需要运行 npm i vant。然后让npm帮我更新依赖安装vant。解决Vant安装却依然报错的问题。然后我安装了还是报错。
Vue3+vant库处理showToast报错正确姿势：Can‘t resolve ‘vant/es/show-toast‘
qq_54039576的博客
08-05 2108
环境： "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 276
就是么有安装vant按照所需版本安装即可。
vue-cli babel.config.js文件引入vant报错Cannot find module ‘babel-plugin-import‘
Have_No_Heart的博客
12-15 2938
问题 在跟着网上的vue项目的项目准备过程中，在 babel.config.js 文件中需要引入 vant 组件库。代码大概如下： module.exports = { presets: [ '@vue/cli-plugin-babel/preset' ], plugins: [ ['import', { libraryName: 'vant', libraryDirectory: 'es', style: true }, 'vant'
npm run dev 报错 ERROR in Entry module not found: Error: Can’t resolve ‘./src’ in
01-07
Alternatively, run 'webpack(-cli) --help' for ...ERROR in Entry module not found: Error: Can't resolve './src' in 'E:\HBuilder\Vue\day07\test1' npm ERR! code ELIFECYCLE npm ERR! errno 2 npm ERR! test
解决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...
Vant-Aliapp：支付宝小程序版本Vant组件库
02-26
Vant Aliapp是移动端Vue组件库的支付宝小程序版本，两者基于相同的视觉规范，提供一致的API接口，助力开发者快速构建小程序应用。 Vant Aliapp通过小程序转换器基于转换得到，并进行了少量的兼容适配调整。 预览 ...
Vue-Vant-Scss-Axios:移动端项目模板
05-03
Vue-Vant-Scss-Axios集成Axios 请求封装移动端 font-size 自适应Vant 组件引入打包脚本基础 Dockerfile 配置公共函数、公共变量、公共SCSS编码规范
详解VUE项目中安装和使用vant组件
11-29
Vant 是有赞前端团队基于有赞统一的规范实现的 Vue 组件库，提供了一整套 UI 基础组件和业务组件。 特性 50+ 个经过有赞线上业务检验的组件 单元测试覆盖率超过 90% 完善的中英文文档和示例 支持 babel-plugin-...
vue vantUI tab切换时 list组件不触发load事件的问题及解决方法
10-15
主要介绍了vue vantUI tab切换时 list组件不触发load事件的解决办法,本文给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友可以参考下
vue-cli4-vant：基于vue-cli4和vant的移动端开发模板
02-06
vue-cli4-vant简介这是基于vue-cli4实现的移动端H5开发模板，其中包含项目常用的配置及组件封装，可以快速开发使用。技术栈：vue-cli4 + webpack4 + vant + axios +更少+ postcss-px2rem // 安装依赖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的项目...
vant组件安装之后导入所有组件报错
最新发布
qq_45331969的博客
10-10 568
解决办法：在node_modules里面找到 vant目录下面的lib里面的。
Module not found: Error: Can't resolve 'XXX' in 'XXXX'
weixin_34019929的博客
07-27 1079
故障 控制台运行webpack/npm时出现 Module not found: Error: Can't resolve 'XXX' in 'XXXX' 解决方案 npm i XXX --save 重新运行即可 转载于:https://www.cnblogs.com/YooHoeh/p/9381410.html...
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: Can't resolve '../views/AboutView.vue' in 'C:\Users\24210\Desktop\houtai\src\router' @ ./src/main.js 37:0-30 52:10-16。引用\[3\]: 解决方法很简单 把 ./ 改成 …/ import Vue from 'vue' import Router from 'vue-router' import Login from '../components/Login.vue' Vue.use(Router) export default new Router({ routes: \[ { path: '/login', component: Login } \] })。 问题:Module not found: Error: Can't resolve '../views/Home.vue' in 'E:\idea-workspace\day83_phone-store_vantui+vue\phone_store\src\router' 回答: 根据提供的引用内容，出现了一个模块找不到的错误，具体是在路径'E:\idea-workspace\day83_phone-store_vantui+vue\phone_store\src\router'中找不到'../views/Home.vue'模块。这个错误可能是由于路径配置不正确或者文件确实不存在导致的。为了解决这个问题，你可以尝试修改路径配置，将'./'改为'../'，或者确保'../views/Home.vue'文件存在于指定路径中。如果你使用的是Vue框架，你还可以检查路由配置文件中是否正确引入了'../views/Home.vue'组件。希望这些解决方法能帮到你。 #### 引用[.reference_title] - *1* *2* [Module not found: Error: Can‘t resolve ‘../views/AboutView.vue‘ in ‘C:\Users\24210\Desktop\hout](https://blog.csdn.net/shsh546/article/details/125003193)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control,239^v3^insert_chatgpt"}} ] [.reference_item] - *3* [Vue初学碰到Module not found: Error: Can‘t resolve ‘./components/Login.vue‘ in](https://blog.csdn.net/qq_41309350/article/details/123028024)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值