uniapp小程序之weapp引入无效,报错

没事弄个uniapp小程序玩,然后在引入weapp出现各种bug,也不算是bug,但是,也困扰我好久了

  1. 出现引入的组件报错,一直在报错
    解决办法:
    主要是因为没有看一篇文档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>

效果:在这里插入图片描述

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值