报错内容如下:
对应行代码:
解决方法:
<image class="book-cover" src="/miniprogram/image/p4.png"></image>
改为:
<image class="book-cover" src="../../image/p4.png"></image>
绝对路径->改为->相对路径 即可
(挺无语的问题!!!!)
这个问题当时我试过修改路径,但只是想了想是否是根目录没找对,但是没任何问题,后来通过尝试删除根目录改为同级目录的相对路径才解决!
小程序的坑还是蛮多的!
就比如有时候,在使用地图导航时,跳转到导航页面,整个页面会一直往上跑动,但是真机使用时并不会出现此情况!
还有在小程序布局时,为适配多种机型需要提前画好布局图,选择合适的布局格式,由于当前主流的手机屏幕尺寸相差不大,所以没什么差异,但是我用iPhone se 使用自己的小程序就会发现布局很糟糕,我又试了其他几款小程序,也发现同样的布局错乱,说明大家只是为适配主流机型做迁就,并没有对布局有很好的设置。
当然,我觉得目前的微信小程序使用uni-app设置基本功能还是ok的,但是遇到第三方sdk辅助就需要在微信开发者工具比较好用。而且uni-app生成的程序没有自己写的清楚,很多地方需要找到参数位置。
总之,微信小程序还挺废人的,要做好一款好的程序需要认真花费功夫。