微信小程序引入vant-weapp组件遇到的bug以及解决方法

微信小程序引入vant-weapp组件遇到的bug问题

 原本百度了一波，说只要安装了node还有npm之后，使用gitBash命令行工具直接cd到根目录下然后直接引入以下代码：

 npm i vant-weapp -S --production   然后再微信打开工具栏打开构建npm选项的时候就出现了如下图：

                                            

                                                                                没找到npm包

百度借鉴了网友的经验，修改正确步骤如下：

1.先进入到项目的根目录下，然后输入命令： npm  init  （先初始化）

2. 这个时候就可以使用命令安装vant-weapp了：npm i vant-weapp -S --production

3.接着点开微信小程序的工具，然后点击构建npm，接着根目录就会出现 miniprogram_npm目录，

这时候就会成功构建如下图：

                               

4.接着在页面 .json引入组件vant-weapp路径,路径要填写对，不然会报错，如图我引入了button组件：

5.接着就引入成功啦：