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
    里面主要介绍了在各种项目中,这个自定义组件放置的文件名字
    那我这边截个图:
    uniapp小程序之weapp引入无效,报错_第1张图片
    要在文件的根路径中新建一个wxcomponents文件名字
    2.在github中下载vant github的文件,网址:https://github.com/youzan/vant-weapp中的dist文件夹下载
    uniapp小程序之weapp引入无效,报错_第2张图片
    解压uniapp小程序之weapp引入无效,报错_第3张图片
    把dist的中的文件都赋值出来,然后粘贴到刚才新建的wxcomponents文件夹中
    3.在小程序中的page.json中的style中加入当前的你需要的使用的组件的名字和路径
    uniapp小程序之weapp引入无效,报错_第4张图片
"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.直接在需要使用的地方中使用就完事了

	"info">按钮

效果:uniapp小程序之weapp引入无效,报错_第5张图片

你可能感兴趣的:(微信小程序)