在vant组件通过npm安装好后,引用组件发生问题,如图所示:
经过反复测试,有以下两种情况:
- 第一种:用测试号创建的项目,亲测不会有问题。
- 第二种:用appid创建的项目,因为多了云函数功能,目录结构变了。你会发现,你的本地文件都被存在miniprogram目录中。对比第一种情况,vant组件的目录——miniprogram_npm,应该和这些文件保持同级。
这时候只要把 miniprogram_npm这个目录移动到miniprogram目录里面,再次测试,问题解决。
目录结构如图:
备注:node_modules目录貌似只是用来安装的,实际测试删除也没什么影响。