微信小程序调用weUI库

就想搞个加号的图标,折腾了快4个小时。记录一下踩的坑。

  1. 下载node.js。

官网链接https://nodejs.org/zh-cn/
虽然微信小程序开发工具的目录里面也有一个node.exe,但是不一样的,还是要重新下一个。(这里也浪费我不少时间,一直把那个node.exe的路径加入环境变量,结果根本不一个东西)
2、安装weui
进入项目目录下,打开终端,执行

npm init
npm install weui-miniprogram 

3、在app.wxss中引入weui。
在这里插入图片描述
这里这个路径把我折磨疯了,一直报错,

File not found: /miniprogram/node_modules/weui-miniprogram/miniprogram_dist/

提示找不到文件。反复修改路径,用绝对路径都显示找不到,真的是烦死了。我的解决办法是将node_modules下面的文件夹剪切出来,然后把node_modules文件夹删了。把路径换成图上那样子,终于可以了。
4、在需要用到控件的页面的index.json中指定控件的名称和路径。
在这里插入图片描述
这里踩的坑也是极其傻逼,第一个斜杠加不加,以及路径前面要不要写的更全面,总之反复试出来这样可以正常编译运行。可能换个版本就要换个写法,遇到了就只能盲试,官方文档写的都是垃圾。
5、在index.wxml中添加控件
在这里插入图片描述
终于!加号出现了!
在这里插入图片描述
真的是头疼,这么简单的操作,一直被那个傻逼路径卡住。

  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值