之前的微信小程序我的项目都是应用原生组件开发,最近尝试用uniapp开发微信小程序,写了个小程序的demo。然而在浏览器下运行一切正常,然而在微信开发者工具运行却呈现图片报错

浏览器运行成果:

能够看到在浏览器模式下图片显示失常

开发者工具运行成果:

在开发者工具中能够看到图片加载失败。我的项目图片是放在static/icon以及static/image门路下,然而报错显示的门路却是/uview/static/icon以及/uview/static/image。该报错应该是图片绝对路径的问题,于是将图片改成绝对路径,便可加载胜利

谬误的门路写法:

正确的绝对路径写法:

从新运行后果

总结:应用uniapp开发我的项目的时候,肯定要应用绝对路径@符号,防止在其余端下报错