小知识,大挑战!本文正在参与“ 程序员必备小知识 ”创作活动
微信开发者工具中正常运行,发布后手机端打开是空白页/thirdScriptError问题/如何在uni-app使用iconfont
开发的时候在微信开发者工具中一直都是正常显示,但是在打包的时候,iconfont图标部分不能被打包,报错编译错误88,由于是第一次使用uni-app开发小程序,所以就想着那就先发布看看会不会缺图标,结果发布之后,打开页面发现会是空白页,然后发现有报错信息,如下:
thirdScriptError
TypeError: Cannot read property 'getElementsByTagName' of undefined
TypeError: Cannot read property 'getElementsByTagName' of undefined
at at (app-service.js:6754:100362)
at at (app-service.js:6754:101572)
at require (WASubContext.js:2:1564254)
at at (app-service.js:6755:10)
搜了一下没看到一样的问题,于是根据报错信息,在项目中全局搜索getElementsByTagName这个关键词,然后出来了两处位置含有getElementsByTagName,皆在iconfont.js中,删掉文件,重新发布,可以正常显示页面,于是搜了一下如何在uni-app使用iconfont,发现uni-app中的使用方法同web端略有不同(iconfont是uni的关键字暂不能用),需要在iconfont.css文件中将这一段替换成以下部分,然后需要在//at前面加上https