记录mpvue+vant-weapp的使用（四）：引入最新版本的vant-weap的问题

之前用的是0.5版本的，这个版本确实是比较稳定，不过有一些组件没有，用的不是很习惯，比如image图片这个组件是没有的，然后看到官网是有这个组件，所以想尝试一下引入最新版本的组件。

官网的引入方式，这里我选择的是npm：

npm i @vant/weapp -S --production

然后将node_modules 里面的vant/weapp 里面的dis和lib复制一份，放到根目录的static里面。

然后重新运行。。。。。问题出来了。

居然是找不到index.wxs   这个文件。。。

我还特地找了一下wxs的语法

所以应该是引用和index.wxml同一个目录下的index.wxs的模块的意思吧？

确实也能找着index.wxs这个文件。。。。

所以我估计是路径的问题。。。官方给的引入方式是这样的

所以我觉的是我的打开方式不对。。。遂使用第一种尝试

结果。。。好像还是不对

原来这个路径问题是通用的。。。那只能是mpvue的路径配置不行了，我估计要么改一下mpvue的路径，要么改一下vant-weapp组件引用index.wxs的路径了

先试了一下修改

<wxs src="index.wxs" module="computed" />
<wxs src="../checkbox/index.wxs" module="computed" />

然后发现。。。两种都不行。

一番查找之后。。。我发现小程序开发工具使用的是打包出来的dist里面的东西

于是我找了一下，原来checkbox里面真的没有index.wxs这个文件，我这里用的居然还是0.5版本的那个vant-weapp。。。。。不知道是不是缓存的原因，我重新打包没有反应，所以只能删除再重新运行一下

然后。。终于可以了