uniapp中引入Vant Weapp的保姆级教学（包罗错误处理）

废话不多说，直接上方法，网上的教学很多多少都是错误的

1.安装vant weapp

在Hbuilder的终端，输入以下代码

1. npm install @vant/weapp -S --production

复制代码

 2.新建wxcomponents文件夹

在项目标跟目录新建一个“wxcomponents’文件夹，与app.vue同级，用于存放我们的组件库

 3.复制组件库

将vant weapp的包复制到wxcomponents文件夹中
路径：

 将dist文件夹复制到wxcomponents中，重定名为vant（固然叫别的也可以，但是一会引入组件的路径也要相应更改）
 

 4.全局引入组件样式

在app.vue文件中的style里面，引入样式文件

 代码可直接复制

1. @import "wxcomponents/vant/common/index.wxss";

复制代码

 5.引入组件

在pages.json中引入自己想用的组件
全局引入

1. "globalStyle": {
2.                 "navigationBarTextStyle": "black",
3.                 "navigationBarTitleText": "爱尼家政",
4.                 "navigationBarBackgroundColor": "#F8F8F8",
5.                 "backgroundColor": "#F8F8F8",
6.                 "usingComponents": {
7.                         "van-button": "/wxcomponents/vant/button/index"
8.                 }
9.         },

复制代码

 局部引入

1. {
2.         "path": "pages/index/index",
3.                 "style": {
4.                         "navigationBarTitleText": "爱尼家政",
5.                         "usingComponents": {
6.                         "van-button": "/wxcomponents/vant/button/index"
7.                 }
8.         }
10. },

复制代码

 6.引入完成不显示错误处理

 如果你按照上面的方式一步一步的都引入了，正常来讲，肯定是可以显示了，起首可以试试扫除一下微信开辟者工具的缓存，或者重启Hubilder。
然后，看一下微信开辟者工具的设置，路径：设置---项目设置，把‘上传时过滤无依靠文件’关掉，扫除缓存，重新运行，就是这个设置卡我了好久