在做WeTypecho 小程序出现 cannot read property ‘toLowerCase’ of undefined代码提示,编译时没有任何问题,预览和发布的时候都会出现错误提示,寻找WeTypecho插件原作这文章,看到有人也出现问题,但是没有得到解答,网络上搜寻也无果,同博主王洪峰沟通也没有解决办法,直到今天他告诉我网上出现解决办法了,将链接发给了我,找出问题作者为胖蒜,我将胖蒜方法贴上,供大家参考:
最近在给我的胖蒜网小程序改点东西,我的小程序是用的WeTypecho进行改版的,编译都没有问题,预览或上传的适合就出现了Error: app.wxss: Cannot read property 'toLowerCase' of undefined,就是说更新不了,在微信开放社区搜索了一下也没找到原因。
百度上搜了一下,发现有不少人出现这个问题,但是都在问,没有找到原因,没办法只能自己来排查了...
首页,我将软件退回到之前的版本,重新预览上传,都正常了,难道是开发软件的问题?
我的微信开发工具是Stable版本,可能性不大,就算是我也没办法催更...
然后,我看提示,错误是在app.wxss这个文件,那就重点排查这个文件,写一下我的排查步骤。
一、全部删除app.wxss文件的内容,编译、预览,发现除了样式有问题,其它都正常了,那么基本确定了,问题就出在这个文件。
二、接着就开始定位,具体那个地方出问题,删除前二分之一样式代码,编译、预览,也正常;恢复后删除前四分之一代码,同样的错误出现了,错误的位置基本就定下来了,最后将错误代码定位到下图位置:
三、去掉上图那个不需要的样式,重新编译、预览、上传,一切都正常。
原文链接:https://pangsuan.com/p/WeTypecho-toLowerCase.html
以上为胖蒜的解决办法,他是把样式代码全部删除,但是我将样式代码全部删除,小程序界面会出现错位遮挡,这个肯定不行,最后我定位到应该是颜色代码问题,将颜色代码行删除即可,不用删除全部样式代码。
最终代码如下:
.stat_list_item {
padding: 8px;
border-style: solid;
border-bottom-width: 1px;
border-top-style: none;
border-right-style: none;
border-left-style: none;
}