WePY + Vant-weapp 小程序踩坑日志(二)
WePY + Vant-weapp 小程序踩坑日志(二)

WePY + Vant-weapp 小程序踩坑日志(二)

分享到......

开发环境

  • IDE:vscode
  • 开发平台:微信开发者工具
  • 框架:WePY
  • UI组件库:Vant Weapp

坑の2:引用“Field 输入框”(“Search 搜索”同理)

问题描述:

wepy在编译时,不会自动将vant组件的非index.wxml的wxml文件移入编译文件夹(如field.wxml、textarea.wxml、calendar.wxml、toolbar.wxml)

问题截图:

模拟器表现及控制台警告

解决方法:

方法一:

根据控制台报错,从 node_modules/@vant/weapp/dist/{组件文件夹} 中找到缺失文件并复制,再粘贴至 {编译文件夹}/$vendor/@vant/weapp/dist/{对应组件文件夹}

解决演示截图
解决演示截图

缺点:如果删除编译文件夹,重新编译后需要重复此操作。(方法二一劳永逸

方法二:

根据控制台报错,从 node_modules/@vant/weapp/dist/{组件文件夹} 中,将缺失文件的源码复制,再替换 node_modules/@vant/weapp/dist/{对应组件文件夹}/index.wxml 中的 <include …> 一行。

缺点:替换源码后会导致源码冗长,且遇到calendar这样多次include的组件可能会失去耐心。(方法一只需在原编译文件夹被删除时,重新编译后拷贝一次即可)


知识共享许可协议

本作品采用知识共享署名 4.0 国际许可协议进行许可。
This work is licensed under a Creative Commons Attribution 4.0 International License.

方法二参考:https://segmentfault.com/q/1010000039747231

CTB日志:https://www.chinathinksbig.com/team/blog/1472949330972307456