【已解决】微信小程序wepy框架引入vant ui时，报错的解决办法。

【场景还原】

今天尝试了下wepy引入vant框架。
首先，我先下载了vant小程序的组件。然后把其中的dist/button拷贝到了wepy项目的src/components目录。

OK。在页面引入：

路径是没有问题的。微信web开发者工具，启动！
…

？？报错了。报错信息说找不到common/index.wxss。
我们打开编译后的文件看一下：

哦。原来button引入了common这个目录。
我们把common拷贝过去，再试试。结果还是报错→

仅凭这个报错信息，我实在找不出哪里有问题啊！
我们删除dist目录，重启npm dev run (重启wepy build --watch)
再次运行。
发现编译器终于给出了一条有价值的报错信息！

原来还缺少对mixins文件夹的引用。
拷贝过去，运行，重复以上步骤。
会再次提示你

OK。loading也拷过去。终于成功了。

【反思】

1、wepy的缓存问题需要注意。

有人在github留言说：

wepy build --no-cache --watch

可以解决缓存问题。但我试了下，没有用。

2、推荐的引入vant ui的方法。

由于vant 的UI组件，有很多相互引用的情况。
所以建议你直接把vant-weapp-dev/dist下所有的文件夹拷贝到项目目录。
反正打包的时候，没引入的模块是不会被打包的。

但这样有个问题。比如我想把项目分享到github上去。
那么好多没用过的组件也会被上传。

可能还有更好的解决方法吧，有机会我会持续关注。
也欢迎你在评论留言指教。