就想搞个加号的图标,折腾了快4个小时。记录一下踩的坑。
- 下载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中添加控件
终于!加号出现了!
真的是头疼,这么简单的操作,一直被那个傻逼路径卡住。