最近在应用 Taro 开发小程序的时候, 碰到一个 bug, 在微信开发者工具上看是失常的 (这是因为微信开发者工具还是在电脑上运行的, 而不是真机. 具体情况以真机调试后果为准), 然而真机调试时 画布上的 图片不显示, 最开始是 安卓端和苹果端都不显示. 过后的代码
<CoverView className='gonwei-box' onClick={() => this.open(false, '')}>
<CoverImage src={dateBoxIcon} className="image">
</CoverImage>
</CoverView>
查看文档发现是因为 cover-image 下面不反对 svg 文件的显示. (因为须要 笼罩在原生组件之上的图片视图。所以没有应用 image), Taro 的 CoverImage 组件也只是对小程序的 cover-image 进行了一层封装, 原装都不反对它也没方法
svg 文件不反对只好将它转化为 png 的格局, 依据文档显示 png 格局苹果和安卓都反对实现. 然而在真机调试时, 安卓端能够失常显示, 然而 苹果端显示异样. 最终解决办法在 config/index.js 文件内
const config = {
mini: {
imageUrlLoaderOption: { // 退出该属性, 针对 png | jpg | jpeg | gif | bpm | svg 文件的 url-loader 配置
limit: 100 // 默认值, 能够按需调小
}
}
}