微信小程序之引用WeUI组件库(一)

引用WeUI 构建npm 提示没有找到可以构建的npm包

之前写小程序好多 自己写样式很麻烦,忽然发现了 这个组件库,emmm 真香。
下面是我的一些 遇坑之旅 希望对你们有帮助
注:默认你们都会构建小程序

开始引用
创建好 小程序
目录是这样得(我的是构建好的 主要看文件夹 下面的可以忽略)
微信小程序之引用WeUI组件库(一)_第1张图片
接着传送门: https://developers.weixin.qq.com/miniprogram/dev/extended/weui/quickstart.html

执行完 npm 后 目录是这样得
微信小程序之引用WeUI组件库(一)_第2张图片
然后再 工具 —> 构建npm

可能会会出现下面这种情况
微信小程序之引用WeUI组件库(一)_第3张图片
如果你遇到这个问题 恭喜你和我一样
怎么解决呢 看下面
进入小程序根目录,打开cmd,输入:npm init
输入命令之后一直点回车

再重新构建一下应该就可以了

页面是这样得
微信小程序之引用WeUI组件库(一)_第4张图片
最后在app.wxss里面引入weui.wxss


@import '/miniprogram_npm/weui-miniprogram/weui-wxss/dist/style/weui.wxss';

恭喜你 构建完成

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