微信小程序:WeUI引入踩坑

引入组件

通过 useExtendedLib 扩展库 的方式引入

1.报错Component is not found in path "miniprogram_npm/weui-miniprogram/dialog/dialog

解决方法:下载微信开发者工具1.04并勾上详情的使用新的编译模块(我linux 1.02没有这个)

微信小程序:WeUI引入踩坑_第1张图片

2.报错["usingComponents"]["mp-dialog"] 未找到

"mp-dialog": "/miniprogram_npm/weui-miniprogram/dialog/dialog"改为"mp-dialog": "weui-miniprogram/dialog/dialog"

 

可以通过npm方式下载构建

1.npm init  生成一个package.json的配置文件

2.npm i weui-miniprogram -S --production

3.工具-构建npm

4.wxss添加@import ‘./miniprogram_npm/weui-miniprogram/weui-wxss/dist/style/weui.wxss’;

5.页面json添加

“usingComponents”: {
“mp-dialog”: “weui-miniprogram/dialog/dialog”
}

6.页面调用

test content

 

npm模块参考链接: http://www.luyixian.cn/news_show_306662.aspx

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