vant 导入所有组件不成功 not found: * vant/lib/vant-css/index.css in ./src/main.js

最新推荐文章于 2025-11-14 10:19:19 发布
原创 最新推荐文章于 2025-11-14 10:19:19 发布 · 1.8w 阅读 · 6 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#vant

本文解决了一个关于Vant CSS导入路径的问题，原因是使用了旧的文档指导，正确的路径应为'vant/lib/index.css'。

出现这个的原因，可能是大家看的是之前文档； 

并没有vant-css这个目录

把路径改成  import 'vant/lib/index.css';   

白店小二：管理项目时的错误——Uncaught ReferenceError: Vant is not defined
liyangyang1998的博客
09-02 6094
场景 对项目新增加了一个UI框架Vant，按照官方文档进行安装和配置，官方文档推荐按需加载，于是我就做了按需加载的配置。 babel.config.js module.exports = { presets: [ '@vue/cli-plugin-babel/preset' ], plugins: [ ['import', { libraryName: 'vant', libraryDirectory: 'es', style: true .
vue2.x通过vant的简易安装及按需引入
shinjie1210的博客
06-30 2297
npm安装法 控制台 npm i vant -S main.js内引入 //引入 import Vant from 'vant' import '../node_modules/vant/lib/index.css' //使用 Vue.use(Vant) vue ui安装法 ui界面添加vant插件即可， 注意：会重置app.vue界面，如果使用了默认生成的app.vue页面请注意备份 ...
Vue项目导入vant组件报错，Can‘t resolve ‘vant-green‘
m0_48454458的博客
10-06 2644
import { Swipe, SwipeItem } from ‘vant’;
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的项目...
MCP课程项目在macOS环境下的npx缺失问题解决方案
最新发布
gitblog_07499的博客
11-14 702
在使用MCP课程项目中的server.py文件时，部分macOS用户在执行`mcp dev server.py`命令时遇到了"npx not found"的错误提示。这个错误表明系统无法找到Node.js包执行器npx，导致项目无法正常启动。 ## 原因分析 npx是Node.js生态系统中的一个重要工具，它允许用户在不全局安装的情况下运行npm包。在MCP课程项目中，npx被用作开发服务器的
vant/lib/vant-css/index.css in ./src/main.js
weixin_45442464的博客
06-15 3742
not found: vant/lib/vant-css/index.css in ./src/main.js vant组件引用报错 : 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 解决办法 ： 在index.html文件中以cdn的形式，引入
vue vant组件 Module not found: Error: Can‘t resolve ‘vant‘
BEIHOUKe的博客
06-04 9934
vant中自动按需引入组件出现报错Module not found: Error: Can't resolve 'vant' in
Unknown custom element: <van-tabber> - did you register the component correctly? For recursive components, make sure to provide the "name" option. found in ---> <Index> at src/views/Layout/index.vue <App> at src/App.vue <Root>
06-13
在main.js中全局引入Vant或按需引入Tabbar组件全局引入（不推荐，因为会引入所有组件）：importVantfrom'vant';import'vant/lib/index.css';Vue.use(Vant);按需引入（推荐）：使用babel-plugin-import插件，然后在...
【vue】创建项目&项目搭建问题&项目文件介绍&.vue文件介绍
hanne_lovegood的博客
03-14 1141
创建vue项目&项目搭建问题（These relative modules were not found | export 'xxx' (imported as '_xxx') was not found in 'vue' | Cannot find module 'bug-versions/package.json' | npm ERR! missing script:dev | Error: Unknown option '--inline'）&项目文件介绍&.vue文件介绍
搭建UniApp + TS + Vue3 + Vite项目
2302_77862232的博客
12-11 724
创建以 javascript 开发的工程创建以 typescript 开发的工程安装sass安装uni-ui目前为止项目已经能正常的运行了安装wot-uiwot-ui是vue3+ts编写的全端支持的ui库，组件较多，提高开发效率配置easycom自动引入组件提醒废弃了一批API，而组件库目前还未兼容，因此请确保你的sass版本为1.78.0及之前的版本。安装axios。
bug：The following dependencies are imported but could not be resolved lib-flexibleflexible
embelfe_segge的博客
03-08 8033
ivyone@ivyonedeMacBook-Pro daily-cost % npm run dev > vite-project@0.0.0 dev /Users/ivyone/hami94/daily-cost > vite > src/router/index.js:3:17: error: Could not resolve "../views/Data.vue" 3 │ import Data from "../views/Data.vue"; ?
npm install @vant/table这个命令也是报错和上方一样
07-24
在使用 Vant 组件时，若尝试通过 `npm install vant-contrib-van-table` 或 `npm install @vant/table` 安装表格组件时遇到 `404 Not Found` 错误，说明该包在 npm 官方仓库中不存在或已下架。 ### 1. 正确安装 ...
uni-app引用vant组件 vant/lib/index.css编译报错
m0_53942074的博客
07-19 617
在main.js中把 .css改为 .less(如果没有安装less插件记得去插件市场安装一下)
TS2307: Cannot find module ‘vant‘ or its corresponding type declarations
诉衷情の麻雀的博客
11-26 3275
用完npm 再用yarn都不行 可能是版本兼容问题 可以看到我的node_modules模块下已经安装了这个依赖 然后我在 package.json 中dependencies包的vue版本的下面 再定义vant的版本。今天在做项目的时候 需要引入vant组件库，但是按照官方的说法 需要运行 npm i vant。然后让npm帮我更新依赖安装vant。解决Vant安装却依然报错的问题。然后我安装了还是报错。
在Vue中引入vant报错（解决办法）
fzxyxf1314的博客
07-19 1万+
第一种方案： 一、安装vant
Module not found: Error: Can't resolve '/index.css' in 'F:\untitled\untitled4\src'
热门推荐
weixin_43888933的博客
01-13 2万+
在学习webpack的时候，进行练习时出现了报错。 各种百度之后，找到了解决办法，进行总结。 出现Can’t resolve xxx的报错，则是相关依赖没有安装。 执行 npm install xxx 重新打包即可 Can’t resolve xxx in xxxxxx 这个xxx是自己编写的文件，如上图我的修改方法就是把相对路径修改为绝对路径。 ...
Vent在vue项目中安装失败，无法解析依赖树
nilmao的博客
03-05 4489
Vent在vue项目中安装失败，无法解析依赖树，安装报错
vue项目引用vant组件库
苦夏木禾
12-01 632
在vue项目中，常常会用到引用组件库。其中vant是目前较为流行的 npm安装 npm i vant -S 引入 在main.js中引入 全部引入 import 'vant/lib/index.css'; import Vant from 'vant'; Vue.use(Vant); 全局按需引入 import 'vant/lib/index.css'; import { Button } from 'vant'; Vue.use(Button); 单页面引入 ...
vue3+vant Failed to resolve import “E:/code3/jianmu-user-yd/node_modules/vant/lib/vant/es/icon/style
PrimaryColor
11-02 1859
【代码】vue3+vant Failed to resolve import "E:/code3/jianmu-user-yd/node_modules/vant/lib/vant/es/icon/style。
These dependencies were not found: * core-js/fn/promise in ./src/util/formHtml.js * file-saver in ./src/util/formHtml.js To install them, you can run: npm install --save core-js/fn/promise file-saver These relative modules were not found: * ../../../service/api in ./src/util/element/child.js, ./src/util/vant/child.js * ../../router/router in ./src/util/formHtml.js * ../../service/common in ./src/util/data.js * ../../service/storage in ./src/util/data.js * ../form/control/index in ./src/util/formHtml.js 给我中文解析
07-25
这些依赖项未找到： * 在./src/util/formHtml.js中的core-js/fn/promise * 在./src/util/formHtml.js中的file-saver 要安装它们，可以运行：npm install --save core-js/fn/promise file-saver 这些相对模块未找到： * 在./src/util/element/child.js、./src/util/vant/child.js中的../../../service/api * 在./src/util/formHtml.js中的../../router/router * 在./src/util/data.js中的../../service/common * 在./src/util/data.js中的../../service/storage * 在./src/util/formHtml.js中的../form/control/index
评论 3
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值