记录mpvue+vant-weapp的使用(四):引入最新版本的vant-weap的问题

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

官网的引入方式,这里我选择的是npm:

npm i @vant/weapp -S --production

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

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

记录mpvue+vant-weapp的使用(四):引入最新版本的vant-weap的问题_第1张图片

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

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

记录mpvue+vant-weapp的使用(四):引入最新版本的vant-weap的问题_第2张图片

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

记录mpvue+vant-weapp的使用(四):引入最新版本的vant-weap的问题_第3张图片

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

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

记录mpvue+vant-weapp的使用(四):引入最新版本的vant-weap的问题_第4张图片

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

结果。。。好像还是不对

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

先试了一下修改


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

 

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

 

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

然后。。终于可以了

记录mpvue+vant-weapp的使用(四):引入最新版本的vant-weap的问题_第5张图片

你可能感兴趣的:(记录mpvue+vant-weapp的使用(四):引入最新版本的vant-weap的问题)