小程序插件构建npm包之引入vant

---

问题一：跳转插件一直是失败情况，显示找不到跳转插件的页面

反复检查了定义的页面路径和跳转的路径，是没有问题的，但是还是一直报错，最后发现是插件里面搬的内容有的没有引用到导致的，这个问题没有解决就一直无法跳转到插件里面，如果控制台报错要及时解决。

这个问题在微信社区提了，有详细的错误情况

以下我的问题二到四，是npm包没有构建好导致的失败。

问题二：小程序插件报错’Cannot read property ‘getSystemInfoSync’'？

导致这个原因是插件的npm框架没有搭建好，解决方案见底部。

问题三：[ “usingcomponents”][“van-button”]: “@vant/weapp/button/index” 未找到

类似于某个组件未找到，有可能是你引入的路径有问题，建议详细检查一下路径，我是框架没有搭建成功导致怎么改变路径都报错。npm详细搭建见尾部。

问题四：[渲染层错误] Framework inner error

框架报错的情况，有的可能是基础库的问题，有的可能换了基础库就好的。但是我构建成功后还是报了错，后面反复刷新了几次正常了。npm框架构建见尾部。

问题二~四解决方案：插件搭建npm包，并成功引入vant

1.新建终端，到你的插件目录下

cd plugin

2. 初始化，package.json产生数据

npm init -y

3.vant安装

npm i @vant/weapp -S --production

4.微信开发者工具构建npm包，工具->构建npm，成功后有这两个包

5.引入vant组件

以上就是目前遇到的问题，后续还有插件相关的问题继续更新。