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

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

#vue #小程序

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

最近小程序要增加一个新功能，小程序大体框架是微信小程序+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安装后即可正常启动

vue启动项目失败，提示To install them, you can run: npm install --save core-js/modules/web.url-search-params.d
weixin_45286211的博客
04-01 3882
在非 Web Worker 中使用revokeObjectURL导致的
记录mpvue+vant-weapp的使用（四）：引入最新版本的vant-weap的问题
qq_28348557的博客
06-18 542
之前用的是0.5版本的，这个版本确实是比较稳定，不过有一些组件没有，用的不是很习惯，比如image图片这个组件是没有的，然后看到官网是有这个组件，所以想尝试一下引入最新版本的组件。 官网的引入方式，这里我选择的是npm： npm i @vant/weapp -S --production 然后将node_modules里面的vant/weapp里面的dis和lib复制一份，放到根目录的static里面。 然后重新运行。。。。。问题出来了。 居然是找不到index.wxs 这个文件。。...
vue3 使用vant 报错:“To install them, you can run: npm install --save vant/es/button vant/es/button/style
技术前端，忠于热爱 @回忆哆啦没有A梦
06-17 3739
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 core-js/modules/es.array.concat.js core-js/modules/
做笔记/记录遇到的前端bug
03-28 5703
解决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 2588
test。
小程序实现气泡弹窗提示组件，类似于vant中的van-popover
最新发布
11-05
在小程序中实现类似 Vant 里 van - popover 的气泡弹窗提示组件可以通过以下几种常见方法： ### 自定义组件实现 可以利用小程序的自定义组件能力，结合 CSS 和 JavaScript 来模拟 van - popover 的功能。以下是一个...
vue2.0_解决element-ui或vant-ui组件内置方法传参问题
QiuRenBB的博客
04-28 1550
前言   相信很多人都有遇到过这种问题，不管是element-ui组件库还是vant-ui组件库，其中很多组件都有自己的调用方法。并且，这些方法中都有自带参数，而我们在某些情况下调用组件的这些方法的同时，可能需要传一些自定义的参数，这时候如果我们直接传，就会有冲突。 以vant-ui中气泡弹出框为例 我往select方法传参数1111 <van-popover v-model="popoverVal" trigger="click" :actions="actions" @se
更新vant组件，解决找不到引用的组件
weixin_45019417的博客
10-25 1362
问题如下 我要引入下拉框组件 从官网引入后发现，我的vant-weapp中没有下拉框这个文件 报错如下： 此时我的vant版本是**^0.5.28** 在根目录的终端输入 npm i @vant/weapp -S --production 更新完后我的package.json文件里面的版本信息如下： 此时构建vant包，又报错：找不到文件入口了 可能是因为有两个版本的vant，所以出现紊乱了，我觉决定删掉之前的vant文件 但还是不行，找不到vant入口！ 又回到这个问题了->解决方案<-
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 1369
重新在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 2570
解决报错：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 8738
执行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 1308
通过箭头函数嵌套方法的方式就可以解决组件方法中自带的参数与自己传的参数有冲突的问题。
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 4860
场景 使用命令:npm i -S axios后,再次运行vue项目,出现题述报错 解决 输入如下命令: npm install --save
vue npm run dev 提示To install them, you can run: npm install --save @/url
test
01-09 9155
vue npm run dev 提示To install them
To install them, you can run: npm install --save vxe-pc-ui vxe-pc-ui/es/style.css
07-18
在使用 `npm` 安装 UI 库时，通常需要确保项目中已经安装了 Node.js 和 npm。以下是如何安装 `vxe-pc-ui` 库及其 CSS 文件的步骤： ### 安装 vxe-pc-ui 1. **打开终端**并进入你的项目目录。 2. 运行以下命令来安装 `vxe-pc-ui`： ```bash npm install vxe-pc-ui ``` 这将把 `vxe-pc-ui` 安装到你的项目中，并将其添加到 `package.json` 的依赖项中。 3. **引入 CSS 文件**：为了确保 `vxe-pc-ui` 的样式正确加载，需要在项目的入口文件（如 `main.js` 或 `main.ts`）中导入其 CSS 文件。 如果你使用的是 JavaScript 项目，可以在 `main.js` 中添加以下代码： ```javascript import 'vxe-pc-ui/lib/style.css'; ``` 如果你使用的是 TypeScript 项目，可能需要调整路径以匹配你的构建配置： ```typescript import 'vxe-pc-ui/lib/style.css'; ``` 4. **注册组件**：根据文档，`vxe-pc-ui` 可能需要你在 Vue 或 React 等框架中注册组件。例如，在 Vue 项目中，你可以在 `main.js` 中全局注册： ```javascript import { createApp } from 'vue'; import App from './App.vue'; import VxePcUI from 'vxe-pc-ui'; const app = createApp(App); app.use(VxePcUI); app.mount('#app'); ``` 5. **按需加载（可选）**：如果你希望按需加载组件以减少打包体积，可以使用工具如 `unplugin-vue-components` 或 `babel-plugin-import` 来自动按需引入组件及其样式。具体配置取决于你使用的框架和构建工具。 ### 示例代码 假设你正在使用 Vue 3 并希望全局使用 `vxe-pc-ui`，以下是完整的 `main.js` 示例： ```javascript import { createApp } from 'vue'; import App from './App.vue'; import VxePcUI from 'vxe-pc-ui'; import 'vxe-pc-ui/lib/style.css'; // 引入样式 const app = createApp(App); app.use(VxePcUI); app.mount('#app'); ``` ### 注意事项 - 确保你的项目支持 ES 模块或 CommonJS 模块，以便能够正确解析 `vxe-pc-ui` 的导入路径。 - 如果你遇到样式未正确应用的问题，请检查 CSS 文件的路径是否正确，并确保没有被其他 CSS 覆盖。 - 查阅 [vxe-pc-ui 的官方文档](https://vxetable.cn/) 获取更多关于自定义主题、按需加载等高级用法的信息。 通过以上步骤，你应该能够成功安装并配置 `vxe-pc-ui` 库及其相关的 CSS 文件[^1]。 ```javascript // main.js 示例代码 import { createApp } from 'vue'; import App from './App.vue'; import VxePcUI from 'vxe-pc-ui'; import 'vxe-pc-ui/lib/style.css'; // 引入样式 const app = createApp(App); app.use(VxePcUI); app.mount('#app'); ```
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值