not found: * vant/lib/vant-css/index.css in ./src/main.js

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

#vant #npm运行报错 #项目运行报错 #样式引入失败 # you can run: npm install

本文解决了一个关于Vant CSS依赖未找到的问题，通过在index.html中引入CDN提供的Vant CSS文件，成功使项目恢复正常运行。此方法适用于那些在更新或重新拉取项目后遇到Vant CSS依赖丢失的情况。

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组件库依然不行，

最后通过vant官网介绍，引入cdn线上css文件地址

引入之后文件照常运行；

 

解决办法1：

在index.html文件中以cdn的形式，引入css样式：

 

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title></title>

<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no">

<meta http-equiv="X-UA-Compatible" content="IE=edge">

<link rel="stylesheet" type="text/css" href="static/reset.css"><!-- 引入样式 -->

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/vant@1.6/lib/index.css"><!-- 此处引入样式 即可-->

 

</head>

<body>

<div id="app"></div>

<script src="https://cdnjs.cloudflare.com/ajax/libs/echarts/4.1.0/echarts.min.js"></script>

<!-- built files will be auto injected -->

</body>

</html>

 

 

 

由于自己百度没有看到更好的方法，故将此方法共享，如果哪位大佬有更好的解决办法，请指教 

白店小二：管理项目时的错误——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报错：./node_modules/vant/lib/index.css
DeliaWen的博客
10-30 1万+
因为loader顺序问题。将sass-loader放在postcss-loader前面（位置后面的先执行），解决方法如图： 但是正确的loader加载顺序应该是要先执行sass，现在这个顺序在使用sass的遍历语法时会导致语法报错。所以正确的解决方案是sass写在最后，然后忽略vant。 ...
vant 导入所有组件不成功 not found: * vant/lib/vant-css/index.css in ./src/main.js
明日晴空的博客
04-22 1万+
出现这个的原因，可能是大家看的是之前文档； 并没有vant-css这个目录 把路径改成 import 'vant/lib/index.css';
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的形式，引入
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
import'vant/lib/index.css';Vue.use(Vant);按需引入（推荐）：使用babel-plugin-import插件，然后在需要的地方按需引入。在babel.config.js中配置：module.exports={plugins:[['import',{libraryName:'vant',...
npm install @vant/table这个命令也是报错和上方一样
最新发布
07-24
在使用 Vant 组件时，若尝试通过 `npm install vant-contrib-van-table` 或 `npm install @vant/table` 安装表格组件时遇到 `404 Not Found` 错误，说明该包在 npm 官方仓库中不存在或已下架。 ### 1. 正确安装 ...
【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 726
创建以 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"; ?
uni-app引用vant组件 vant/lib/index.css编译报错
m0_53942074的博客
07-19 617
在main.js中把 .css改为 .less(如果没有安装less插件记得去插件市场安装一下)
vue vant组件 Module not found: Error: Can‘t resolve ‘vant‘
BEIHOUKe的博客
06-04 9934
vant中自动按需引入组件出现报错Module not found: Error: Can't resolve 'vant' in
UniApp中引入VantUI后出现报错@import ‘../common/index.css‘；.van-icon{text-rendering:auto；-webkit-font-smoothi
番茄Salad
06-12 1358
只需要在icon目录下的index.wxss文件中，ctrl+f查找url然后在url加上空格即可！
uniapp引入vant报错Module build failed (from ./node_modules/postcss-loader/src/index.js) SyntaxError
weixin_45782529的博客
09-17 5919
我uniapp中main.js引入vant 样式import 'vant/lib/index.css';出现报错,如下 找了很多解决办法都没效,最后解决了,方法如下: (1)在项目目录下建立一个html文件,文件名自定义, (2)在app.vue中引入vant样式,之前main.js中的vant样式删掉 app.vue main.js 运行项目即可 ...
通过cdn引入vant，van-swipe-cell没有效果
扮老虎的猪
06-03 2827
前言 最近接手一个项目，是h5多页面，页面中使用了vant的一些插件，是通过cdn的方式引入样式和js的。使用
启动vue项目报错 these dependencies were not found:element-ui in ./src/main.js
信徒博客
05-08 3万+
错误信息如下 解决方案 缺少组件，在这个项目的目录下，安装组件 我之前安装过了，但是这个安装是在c盘管理员的目录下面进行的 1、使用cmd命令切换到项目的目录下面 2、cnpm i element-ui -S 如果没有使用淘宝镜像的就使用npm i element-ui -S命令 ...
uniapp安装vant并解决样式引入报错
qq_44741577的博客
03-16 2621
unaipp引入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是自己编写的文件，如上图我的修改方法就是把相对路径修改为绝对路径。 ...
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：在非路由组件中出现了图片路径，而路由根组件并未导入该图片。根据报错提示反应的情况是：找不到模块：错误：无法解析。在此处我们谈论一下解决该类报错的几种方法。解决方案：在非路由组件下导入该图片。
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
评论 10
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值