没事弄个uniapp小程序玩,然后在引入weapp出现各种bug,也不算是bug,但是,也困扰我好久了
- 出现引入的组件报错,一直在报错
解决办法:
主要是因为没有看一篇文档https://uniapp.dcloud.io/frame?id=%e5%b0%8f%e7%a8%8b%e5%ba%8f%e7%bb%84%e4%bb%b6%e6%94%af%e6%8c%81
里面主要介绍了在各种项目中,这个自定义组件放置的文件名字
那我这边截个图:
要在文件的根路径中新建一个wxcomponents文件名字
2.在github中下载vant github的文件,网址:https://github.com/youzan/vant-weapp中的dist文件夹下载
解压
把dist的中的文件都赋值出来,然后粘贴到刚才新建的wxcomponents文件夹中
3.在小程序中的page.json中的style中加入当前的你需要的使用的组件的名字和路径
"pages": [ //pages数组中第一项表示应用启动页,参考:https://uniapp.dcloud.io/collocation/pages
{
"path": "pages/index/index",
"style": {
"navigationBarTitleText": "uni-app",
"usingComponents": {
"van-button": "/wxcomponents/button/index"
}
}
}
],
4.在app.vue中引入需要使用的组件的样式,就是引入当前的组件路径中的index.wxss
@import "/wxcomponents/common/index.wxss";
5.直接在需要使用的地方中使用就完事了
<van-button type="info">按钮</van-button>
效果: