微信小程序在使用vant组件库时构建npm报错

已于 2023-08-10 11:36:36 修改
阅读量1.1k 收藏
点赞数
文章标签： npm
于 2023-08-10 11:24:38 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_52181663/article/details/132205687
版权

在跟着vant官方进行使用步骤一步步操作时，由于要构建NPM，但NPM包在App配置文件的外部 所以在做下图这一步时：
在这里插入图片描述
接着再进行npm构建时会报错

message:发生错误 Error: F:\前端学习\前端框架\小程序\project\demo\miniprogram

解决方法 ：修改
在这里插入图片描述

申申呢？
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
小程序使用vant组件库；构建npm，附源码
06-29
使用vant组件库的小程序demo
微信小程序引入vant-weapp后出现[‘vant-XXX‘]:‘@vant/weapp/xxx‘未找到，错误解决
weixin_43958072的博客
11-20 2228
@vant/weapp/xxx‘未找到，错误解决
[微信小程序] 项目引入vant组件库 npm构建问题 避坑
jinwenshuo2007的博客
07-18 1935
按照Vant Weapp官网的快速上手，构建npm时发现报错
微信小程序无法构建npm包的问题
zxdznyy的博客
05-08 425
在小程序中，如果想用到外部ui组件库，需要构建npm包，这个是必须的，不可省略。
微信小程序：module “miniprogram_npm/@vant/weapp/action-sheet/index.js“ is not defined报错
Mr___YangYang的博客
08-19 3245
重新编译一下
【message：发生错误 Error: D:\微信小程序\second-demo\package.json 对应的 node_modules 不存在】
m0_45991266的博客
08-05 7447
message：发生错误 Error: D:\微信小程序\second-demo\package.json 对应的 node_modules 不存在，请在 D:\微信小程序\second-demo 执
微信小程序使用 vant Dialog组件的正确方式
10-15
Vant包含了近50个经过实际业务检验的组件，例如 Dialog 组件，它在微信小程序中的使用方法是本文的重点。 首先，Vant 的 Dialog 组件是一个弹窗对话框，它可以用于显示警告、确认或输入等操作。在微信小程序中使用 ...
微信小程序使用Vant Weapp组件库的方法步骤
10-16
主要给大家介绍了关于微信小程序使用Vant Weapp组件库的相关资料，文中通过示例代码介绍的非常详细，对大家学习或者使用微信小程序具有一定的参考学习价值，需要的朋友们下面来一起学习学习吧
如何在微信小程序项目中使用vant组件库
10-21
在`.wxml`文件中，你可以像使用原生微信小程序组件一样使用Vant Weapp的组件。例如，插入一个`Button`组件： ```html 点击我 ``` 5. **组件配置** Vant Weapp的组件有许多可配置的属性，比如`type`、`size`等...
微信小程序引入Vant组件库过程解析
11-30
引用 Vant 组件库后，你需要在小程序的页面配置文件（如 `index.json`）中引入所需组件，然后在对应的页面的 `wxml` 和 `wxss` 文件中使用它们。例如，如果你想要使用 Button 按钮组件，你需要在 `json` 文件中引入...
【微信小程序】 构建npm常见问题
qq_32852047的博客
04-23 6871
1. 没有找到可以构建的NPM包，请确认需要参与… 解决办法： 找到根目录下的 project.config.json 文件修改 packNpmManually ，packNpmRelationList "packNpmManually": true, "packNpmRelationList": [ { "packageJsonPath": "./package.json", "miniprogramNpmDistDir": "./mini
微信小程序vant安装使用过程中遇到无法构建npm的问题
UncleDong的博客
12-17 1078
然而如果完全按照这个教程来，实际上是缺少步骤的，需要补充一些步骤（参考https://www.bilibili.com/video/BV1vL41127Er）
解决BUG:微信小程序vant引入报错[“usingComponents“][“van-search“]: “@vant/weapp/search/index“ 未找到
热门推荐
weixin_45752941的博客
02-04 1万+
[ miniprogram/pages/index/index.json 文件内容错误] miniprogram/pages/index/index.json: ["usingComponents"]["van-search"]: "@vant/weapp/search/index" 未找到。
微信小程序中npm安装vant weapp框架时出现构建npm失败的问题详解
前端-尔嵘
09-10 3000
首先在小程序的详情里面把使用npm模块勾上； 尔嵘 其次，windows+r输入cmd打开终端，找到该项目的路径并进去，路径一定得正确！！！终端默认在c盘。比如你的项目路径在d盘下的某个文件： 输入cd\ 然后按回车键 ，你会发现指示符变成了C：\> 。 然后在这行输入d: 再次按回车键确定，你就完美的进入D盘了，至于后面你想访问D盘中的文件夹，只需输入 “cd\文件夹名” 即可...
使用vant的坑，没有找到构建的npm包
gonewithwind00的专栏
09-09 916
在小程序目录终端中打开终端 输入npm i @vant/weapp -S --production，下载vant成功，但报错 在工具中点击，构建npm。不成功，报错 分析是因为没有package.json 因此应该先： 使用 -y 标记表示你能接受 package.json 文件的一些默认值： npm init -y 生成了一个packag.json文件 再进行 npm install 例如： npm install @vant/weapp -S --production.
微信小程序引入vant 提示没有可以构建的npm包
C_zhihao的博客
07-15 1060
今天尝试在微信小程序中引入vant UI组件，然后按照官网说明去npm安装，然后点击工具构建npm，却一直提示没有可以构建的npm包 经过仔细查阅官方文档和找了一波技术帖，最终按照以下步骤成功引用vant UI 1. 在项目根目录下npm init，然后一路回车 2.npm i vant-weapp -S --production 安装 3.微信开发者工具>工具>构建npm 构建完成生成miniprogram_npm文件夹 3.详情>使用npm模块 4...
微信小程序导入Vant-Weapp组件库及出错处理
weixin_43952095的博客
05-22 1万+
微信小程序导入Vant-Weapp组件库及出错处理 一、下载Node.js* 链接：https://nodejs.org/en/ 推荐选择LST的8.0以上版本，下载安装即可，安装完成后可以进行验证 cmd打开终端，输入vant-v出现对应版本即为安装成功，也可输入npm -v查看对应的npm版本 ** 二、在微信开发工具做对应操作 ** 这里用的是有赞的Vant Weapp 链接：https:...
npm提示 certificate has expired 证书已过期 已解决
weixin_43483590的博客
07-24 324
npm提示 certificate has expired 证书已过期 已解决
方案-基于云架构的校园信息化建设方案.pdf
最新发布
07-29
方案-基于云架构的校园信息化建设方案.pdf
微信小程序怎么引入vant组件
06-01
要在微信小程序中使用vant组件，需要先进行以下步骤： 1. 在小程序的根目录下，使用命令行工具安装vant组件库： ``` npm i vant-weapp -S --production ``` 2. 在小程序开发工具中，点击菜单栏的工具 -> 构建npm，等待构建完成后会在小程序根目录下生成一个miniprogram_npm目录。 3. 在需要使用vant组件的页面的.json文件中，添加vant组件的路径，需要引入的组件路径可在vant官网查找。例如，要引入Button组件，可以在.json文件中添加以下代码： ``` { "usingComponents": { "van-button": "/miniprogram_npm/vant-weapp/button/index" } } ``` 4. 在需要使用vant组件的页面的.wxml文件中，直接使用vant组件即可。例如，要使用Button组件，可以在.wxml文件中添加以下代码： ``` <van-button type="primary">按钮</van-button> ``` 这样就可以在微信小程序中使用vant组件了。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值