欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

微信小程序引入vant 提示没有可以构建的npm包

程序员文章站 2022-06-28 19:02:49
今天尝试在微信小程序中引入vant UI组件,然后按照官网说明去npm安装,然后点击工具构建npm,却一直提示没有可以构建的npm包经过仔细查阅官方文档和找了一波技术帖,最终按照以下步骤成功引用vant UI1. 在项目根目录下npm init,然后一路回车2.npm i vant-weapp -S --production 安装3.微信开发者工具>工具>构建npm 构建完成生成miniprogram_npm文件夹3.详情>使用npm模块4......

今天尝试在微信小程序中引入vant UI组件,然后按照官网说明去npm安装,然后点击工具构建npm,却一直提示没有可以构建的npm包

微信小程序引入vant 提示没有可以构建的npm包

经过仔细查阅官方文档和找了一波技术帖,最终按照以下步骤成功引用vant UI

1. 在项目根目录下npm init,然后一路回车

微信小程序引入vant 提示没有可以构建的npm包

2.npm i vant-weapp -S --production  安装

微信小程序引入vant 提示没有可以构建的npm包

3.微信开发者工具>工具>构建npm   构建完成生成miniprogram_npm文件夹

微信小程序引入vant 提示没有可以构建的npm包

3.详情>使用npm模块

微信小程序引入vant 提示没有可以构建的npm包

4.在首页引用组件

微信小程序引入vant 提示没有可以构建的npm包

微信小程序引入vant 提示没有可以构建的npm包

微信小程序引入vant 提示没有可以构建的npm包

至此,就已经成功引用了,在查找为什么文章开始说的问题的时候,看到的帖子中都提到了要去下载压缩包,然后并把dist文件夹放进去的操作,我这里并没有,我猜测可能是框架更新之后就不需要了,如果有知道原因的也烦请留言告知

本文地址:https://blog.csdn.net/C_zhihao/article/details/107350968