To install them, you can run: npm install --save vant/es/popover vant/es/popover/style

最新推荐文章于 2025-04-09 14:19:27 发布

奔跑的蜗牛...

最新推荐文章于 2025-04-09 14:19:27 发布

阅读量4.4k

点赞数 4

文章标签： vue 小程序

本文链接：https://blog.csdn.net/xiaomengxin521/article/details/119537531

版权

该博客围绕微信小程序+H5+vue框架项目展开。代码安装启动报错，提示缺少vant/es/popover及其样式依赖。解决办法是通过npm install --save安装对应依赖，主要是缺少vant依赖，通过npm i vant -S安装后项目可正常启动。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

简述

最近小程序要增加一个新功能，小程序大体框架是微信小程序+H5+vue，通过nginx转发到后台。
代码拉下来正常安装成功，启动报错

报错信息

ERROR Failed to compile with 2 errors
These dependencies were not found:

vant/es/popover in ./src/main.js
vant/es/popover/style in ./src/main.js
To install them, you can run: npm install --save vant/es/popover vant/es/popover/style

遇到类似的这样的问题安装对应的依赖就能解决
To install them, you can run: npm install --save XXX XXX

解决

出现这个问题主要是缺少vant依赖
通过npm i vant -S安装后即可正常启动

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

奔跑的蜗牛...

关注关注

4
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

vue启动项目失败，提示To install them, you can run: npm install --save core-js/modules/web.url-search-params.d

weixin_45286211的博客

04-01

3595

在非 Web Worker 中使用revokeObjectURL导致的

在原生小程序 vue，mpvue中关于vant组件库的引入的那些坑

jdksb的博客

08-03

3203

原生小程序中引入vant框架的方法先在项目文件下 cmd进入终端 npm init -y 生成一个package-lock.json文件进行初始化项目配置引入vant 包：npm install vant --save 或者npm i @vant/weapp -S --production 然后在详情中勾选下列选项这里es6转es5可勾可不勾一定要勾选使用npm模块然后在开发者工具中工具–>构建npm 接下来就可以看到一个 miniprogram_npm的文件夹在app.

参与评论您还未登录，请先登录后发表或查看评论

vue3 使用vant 报错:“To install them, you can run: npm install --save vant/es/button vant/es/button/style

技术前端，忠于热爱 @回忆哆啦没有A梦

06-17

3673

vue3 使用vant 报错:“To install them, you can run: npm install --save vant/es/button vant/es/button/style" 控制台报错信息： These dependencies were not found* vant/es/button in ./src/main.ts* vant/es/button/style in ./src/main.ts To install them, you can run: npm insta

To install them, you can run: npm install --save @wangeditor/editor-for-vue @wangeditor/editor/dist/

最新发布

m0_61900811的博客

04-09

279

遇到 To install them, you can run: npm install --save @wangeditor/editor @wangeditor/editor/dist/css/style.css。的话也是同理，执行下面命令。都不行，可以试试清除缓存。就执行如下命令安装依赖。

To install them, you can run: npm install --save core-js/modules/es.array.concat.js core-js/modules/

做笔记/记录遇到的前端bug

03-28

5052

解决npm装包报错：* core-js/modules/es.array.concat.js in ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/layout/components

To install them, you can run: npm install --save element-ui element-ui/lib/theme-chalk/index.css

qq_40296545的博客

02-08

3万+

Npm run dev：出现需要To install them, you can run: npm install --save element-ui element-ui/lib/theme-chalk/index.css 解决方法一：检查书写： import ElementUI from ‘element-ui’ import ‘element-ui/lib/theme-chalk/index.css’ 末尾不加";" 解决方法二：打开cmd执行安装element ui的依赖： npm ins

构建报错：To install them, you can run: npm install --save viewerjs viewerjs/dist/viewer.css

A_letter_123的博客

01-09

2412

test。

vue2.0_解决element-ui或vant-ui组件内置方法传参问题

QiuRenBB的博客

04-28

1515

前言相信很多人都有遇到过这种问题，不管是element-ui组件库还是vant-ui组件库，其中很多组件都有自己的调用方法。并且，这些方法中都有自带参数，而我们在某些情况下调用组件的这些方法的同时，可能需要传一些自定义的参数，这时候如果我们直接传，就会有冲突。以vant-ui中气泡弹出框为例我往select方法传参数1111 <van-popover v-model="popoverVal" trigger="click" :actions="actions" @se

更新vant组件，解决找不到引用的组件

weixin_45019417的博客

10-25

1328

问题如下我要引入下拉框组件从官网引入后发现，我的vant-weapp中没有下拉框这个文件报错如下：此时我的vant版本是**^0.5.28** 在根目录的终端输入 npm i @vant/weapp -S --production 更新完后我的package.json文件里面的版本信息如下：此时构建vant包，又报错：找不到文件入口了可能是因为有两个版本的vant，所以出现紊乱了，我觉决定删掉之前的vant文件但还是不行，找不到vant入口！又回到这个问题了->解决方案<-

理解按需自动导入 unplugin-auto-import & unplugin-vue-components

阿城的博客

12-21

6579

如果是自己开发的组件库，为了让它支持自动按需导入，就需要自己编写解析器。},],})resolvers 数组里可以传入一个函数，这个函数会在编译时不断执行。函数接收组件名，并返回一个和 unplugin-auto-import 插件中 imports 配置一样的配置对象，这个对象就是 import 语句的描述对象，最终依据它生成导入语句。注意：组件名会自动转成大驼峰写法。因此所谓的解析器，功能就是根据组件名映射成 import 导入语句。

van-popover 嵌套

12-28

npm install vant ``` 接着，在项目的入口文件或相应页面导入所需模块并注册全局组件： ```javascript import { createApp } from 'vue'; import App from './App.vue'; // 导入整个 Vant 或按需加载特定组件 ...

To install them, you can run: npm install --save element-ui element-ui/lib/theme-chalk/index.css ele

Mengjialei111的博客

11-30

1297

重新在vscode终端运行npm命令时，又出现报错：npm : 无法加载文件 C:\Program Files\nodejs\npm.ps1。用nvm升级了node 安装需要的版本命令：nvm install 版本号，切换到新版本：nvm use 版本号。再输入get-ExecutionPolicy 查看当前的状态，发现变成了RemoteSigned，就可以了。后来看到一篇文档说“npm版本较低”，升级npm命令：npm install -g npm。执行命令后提示node版本也较低，

To install it, you can run : npm install --save @api/qiniu

congcong_i的博客

04-26

1万+

前端写界面，调用公共组件的时候，报错：To install it, you can run : npm install --save @api/qiniu 这个错误看着与我调用的组件没有啥关系，一直找不到错误原因，以为是要安装什么东西，结果按照他的提示去安装，并不能解决问题。最后发现，是我调用的组件，在实现的时候，调用了@api/qiniu这个文件，但是在api目录下这个文件并不存在，组件实现的地方调用不到，所以报了这个错另外，通过搜索发现，提示To install it, you can run

npm install 报错解决(To install them, you can run: npm install --save core-js/modules/es6.array）

热门推荐

很多时候犯错都是在不知情的情况下发生的

10-04

4万+

解决： cnpm install core-js@2

解决报错：To install them, you can run: npm install --save element-ui/lib/empty element-ui/lib/theme-chal

薇z的博客

04-10

2451

解决报错：To install them, you can run: npm install --save element-ui/lib/empty element-ui/lib/theme-chal

To install them, you can run: npm install --save babel-runtime/core-js

yang13676084606的博客

03-28

8662

执行npm run dev命令的时候提示下面这个报错报错信息： To install them, you can run: npm install --save babel-runtime/core-js 解决命令： npm install --save babel-runtime 然后再执行这个npm run dev命令就可以启动了

vue2.0_解决vant-ui组件内置方法传参问题

huihui_999的博客

12-27

1207

通过箭头函数嵌套方法的方式就可以解决组件方法中自带的参数与自己传的参数有冲突的问题。

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的项目...

2021-08-08 解决“These dependencies were not found“的报错

GAARA

08-08

4739

场景使用命令:npm i -S axios后,再次运行vue项目,出现题述报错解决输入如下命令: npm install --save

To install it, you can run: npm install --save tinymce/plugins/paste

12-14

要安装tinymce的paste插件，您可以使用以下命令： ``` npm install --save tinymce npm install --save tinymce/plugins/paste ``` 这将安装tinymce和paste插件，并将其添加到您的应用程序依赖项中。安装完成后，您可以在您的代码中使用它。请注意，您需要在代码中引入tinymce和paste插件，以便正确使用它们。