微信原生小程序开发，引入vant-weapp报错，构建npm报错

最新推荐文章于 2024-10-12 10:07:41 发布
最新推荐文章于 2024-10-12 10:07:41 发布
阅读量621 收藏
点赞数 4
文章标签： npm 前端 node.js 微信小程序
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43951592/article/details/139465361
版权

引入组件报错，构建npm也报错
message: NPM packages not found. Please confirm npm packages which need to build are…
在这里插入图片描述

解决方法：把 miniprogram 文件夹里的东西全部拿出来，文件夹目录变成下图所示，再把project.config.json 的 miniprogramRoot 设成空
在这里插入图片描述
然后再照着官网执行一遍就没事了问题都解决了

vant-weapp 快速上手

har01d
关注
微信小程序引入Vant Weapp
2301_78435981的博客
10-22 248
注意：如果构建时出现miniprogram找不到时，将miniprogramNpmDistDir配置修改为为'./'①将packNpmManually:false修改为packNpmManually:true。# 通过 npm 安装 npm i @vant/weapp -S --production。# 安装 0.x 版本 npm i vant-weapp -S --production。②再packNpmRelationList里面添加如下代码。选项，构建完成后，即可引入组件。4.自定义tab失败。
在uni-app中写微信小程序，引入vantWeapp库
weixin_48789376的博客
09-27 1898
背景 公司使用uni-app写小程序，这样在vant官网的vantweapp的引入方法就不起效果的，官网是针对使用微信小程序原生开发的。然后我也在网上百度了很多方法，但是对于我来说也不怎么起效果，现在记录一下我已经成功引入vantweapp的组件方法 如何引入 1.在项目的根目录的终端，输入命令npm i @vant/weapp -S --production，然后你的项目里就多了这样的文件 2.在根目录底下新建一个wxcomponents目录，然后将上图中dist文件夹拷贝到wxcomponents底下,
微信小程序开发，构建NPM报错解决
xia09222826的专栏
05-07 3628
安装TDesign组件库之后，点击工具下的构建npm报如上错误。修改之后重启微信小程序开发工具即可。
微信小程序报错npm install 报错不存在package.json
qq_45399948的博客
08-14 353
1. npm init -f //强迫初始化文件。答：首先初始化，再安装相应的文件。.json文件该怎么办？
微信小程序项目使用npm安装vant-weapp的正确步骤及错误处理方法
热门推荐
zxh7770的博客
03-26 2万+
微信小程序项目使用npm安装vant-weapp的正确步骤及错误处理方法 1，搭建小程序 1.1 项目 - 新建项目 - 如下图所示： 1.2点击图中“新建”即可创建成功小程序项目。 2，安装vant- weapp库 2.0 - 在安装vant- weapp之前我们需要先初始化npm，然后在安装vant- weapp； 2.1 - 使用cmd命令行进入项目根目录，在项目根目录下面初始化npm ...
解决微信小程序引入VantWeapp的toast报错
lllcuigu的博客
02-04 668
Error: module 'pages/maintain/@vant/weapp/toast/toast.js' is not defined, require args is '@vant/weapp/toast/toast' （路径问题）
【微信小程序】添加了自定义组件引用还是报错
落叶随风将要去远方，看沿途的风景回忆一场...
06-19 1558
例如，在微信开发者工具中添加了自定义组件`group-list`，再到页面使用，点重新编译后，报错信息： `Component is not found in path...
微信小程序，引用扩展组件提示“没有找到可以构建的NPM包”
inticaler的博客
12-30 995
在微信小程序开发中，需要引入扩展组件的时候，使用npm引入之后，却提示“没有找到可以构建的NPM包”，查了很多资料，原来是需要参与构建的npm在miniprogramroot目录。 开发者工具创建的项目，miniprogramRoot默认为miniprogram，package.json在其外部，npm 构建无法正常工作。 需要手动在project.config.json内添加如下配置，使开发者工具可以正确索引到 npm 依赖的位置。 { ... "setting": { .....
微信小程序引入Vant组件库过程解析
11-30
微信小程序是一种轻量级的...通过以上步骤，你就可以在微信小程序中顺利地引入和使用 Vant Weapp 组件库，提升开发效率，创建出更加专业和美观的用户界面。记得在实践中不断探索和学习，以便更好地掌握这个强大的工具。
如何在微信小程序项目中使用vant组件库
10-21
在微信小程序开发中，引入第三方组件库如Vant Weapp可以极大地提高开发效率，提供丰富的UI组件，并且统一界面风格。Vant Weapp是 vant-ui 的微信小程序版本，源自于滴滴出行的优秀移动端 UI 组件库，适用于快速构建...
Vant Weapp的使用——微信小程序
m0_61631823的博客
04-02 3764
1. Vant Weapp：是有赞前端团队开源的一套小程序 UI 组件库，助力开发者快速搭建小程序应用。它所使用的是 MIT 开源许可协议，对商业使用比较友好。 官方文档地址 Vant Weapp - 轻量、可靠的小程序 UI 组件库 也可以扫描二维码，通过小程序体验 2. 安装 Vant 组件库 在小程序项目中，安装 Vant 组件库主要分为如下 3 步： ①通过 npm 安装（建议指定版本为@1.3.3） ②构建 npm 包 ③修改 app.json 详细的操作..
微信小程序引用Vant组件库message： 没有找到可以构建的 NPM 包，请确认需要参与构建的 npm 都在 `miniprogramRoot` 目录内...
wxqwxq123444的博客
08-31 817
message： 没有找到可以构建的 NPM 包，请确认需要参与构建的 npm 都在 `miniprogramRoot` 目录内，或配置 project.config.json 的 packNpmManually 和 packNpmRelationList 进行构建
微信小程序引入vant-weapp爬出坑
hlw521hxq的博客
12-08 465
最新的微信小程序的项目结构跟之前的不一样，然后，按照vant-weapp上的官方文档，安装步骤失败，提示了各种错误。如果你的微信小程序结构跟我的一致，可以采用和我一样的方案。然后你会看到在miniprogram下多了一个miniprogramnpm的文件夹，这就正常了。移动package.json到miniprogram的文件夹下。更改project.config.json的内容，添加一下内容。在微信小程序开发工具（软件）上，左上角项目，重新打开项目。如果你是ts，按照官方文档更改ts的支持。
构建npm时报错 NPM packages not found. Please confirm npm packages ......
PKQ1023的博客
05-25 9484
本文介绍"微信小程序TS项目如何构建npm"的方法。以及构建npm报错的解决方法。
解决微信小程序提示构建npm失败
qq_42853039的博客
11-23 4047
根据报错信息可以看出需要我们在project.config.json文件中指定构建npm相关的路径。重点来了，这个时候要重启微信开发者工具，然后再次点击【构建npm】，就可以了。添加完成后，再次点击【构建npm】，发现还是报错。
微信小程序【构建npm】使用记录
^Being^
08-24 2717
使用原生微信小程序开发时，通过官方 `typescript` 模板构建的小程序无法正确执行 `构建npm` 成功，从而导致想通过 `npm` 安装并使用第三方库出现问题
【weapp无法构建npm】message： NPM packages not found. Please confirm npm packages which need to build
m0_65171287的博客
04-25 596
1、删除package.json。2、在中端重新执行指令 安装组件。
【tips】小程序在工具-构建npm报错
Dorcas_FE的博客
07-30 525
NPM packages not found. Please confirm npm packages which need to build are belong to
message： NPM packages not found. Please confirm npm packages which need to build are belong to `mini
最新发布
weixin_43923808的博客
10-12 281
问题：构建npm时，出现的报错。
微信小程序快速集成vant-weapp教程
微信小程序引入 vant-weapp 是为了在小程序开发中使用 vant 这个流行的移动端 UI 库，它提供了丰富的组件和样式，帮助开发者快速构建美观的用户界面。 vant-weapp 是 vant UI 专门为微信小程序定制的版本。 1. **...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值