微信小程序调用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中添加控件
在这里插入图片描述
终于!加号出现了!
在这里插入图片描述
真的是头疼,这么简单的操作,一直被那个傻逼路径卡住。

Published by

风君子

独自遨游何稽首 揭天掀地慰生平

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注