微信小程序报错：[渲染层网络层错误] pages/main/main.wxss 中的本地资源图片无法通过 WXSS 获取，可以使用网络图片，或者 base64，或者使用＜image/＞标签--解决办法

qq_44934339

于 2022-02-14 19:56:44 发布

阅读量5.4k

点赞数 3

文章标签：微信小程序网络小程序

本文链接：https://blog.youkuaiyun.com/qq_44934339/article/details/122930809

版权

本文讲述了在微信小程序开发中遇到本地资源图片无法通过WXSS获取的问题，提供了将图片地址改为网络路径作为解决方案，并介绍了小程序样式限制。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

项目场景：

项目场景：当向微信小程序中插入图片时报错，显示本地资源图片无法通过 WXSS 获取
报错如下：
报错图片

问题描述：

项目中代码描述：

.content{
  font-family: 微软雅黑，宋体;
  font-size: 14px;
  /* background-size: cover; */
  height: 100%;
  width: 100%;
  background-image: url("../assets/img/1.png");
  color: #FFFFFF;
}

原因分析：

1.pages/main/main.wxss 中的本地资源图片无法通过 WXSS 获取，可以使用网络图片，或者 base64，或者使用标签。
2.小程序样式中不允许小程序路径

解决方案：

最简单的解决方法是将图片的地址改为网络路径
如图所示：
在这里插入图片描述