Coil AsyncImage无法加载图片，抛出'unimplemented'错误且未发起Node服务请求

看起来你遇到的问题主要来自两个核心原因——依赖版本冲突和图片数据格式不匹配，这两个问题叠加导致Coil连请求都没正常发起就出现了奇怪的解码错误。我们一步步来解决：

1. 优先解决Coil依赖冲突问题 #

你在libs.version.toml里同时引入了Coil 3.x和1.x版本的coil-compose依赖，这两个版本的API完全不兼容，会导致Coil内部逻辑混乱，直接引发诸如解码失败、请求异常这类无厘头的问题。

修复步骤：

• 删掉老版本的Coil依赖，只保留Coil 3.x的相关配置：

  [versions]
  coilVersion = "3.2.0"
  
  [libraries]
  coil = { group = "io.coil-kt.coil3", name = "coil-compose", version.ref = "coilVersion" }
  coil-network = { group = "io.coil-kt.coil3", name = "coil-network-okhttp", version.ref = "coilVersion" }
  

• 同步Gradle，然后执行Build > Clean Project再Rebuild Project，彻底清理旧版本的残留代码。

2. 处理图片数据格式不匹配问题 #

你的Node接口返回的是纯Base64字符串，但Coil默认期望URL返回的是图片二进制流（比如直接返回JPEG的原始字节数据）。这会导致Coil拿到文本数据后，无法正确解码为图片，进而抛出解码异常。

这里有两个解决方向，选一个适合你的场景：

方向A：修改Node接口，返回图片二进制流 #

让Node接口把Base64字符串解码为二进制数据，再设置正确的Content-Type头返回，这样Coil就能直接识别为图片：

app.get("/meal_image", async (req: Request, res: Response) => {
  const { name } = req.query;
  console.log(`Generating image for meal ${name}`);
  try {
    const imageResponse = await generateImage(name);
    if (imageResponse.success) {
      // 将Base64字符串解码为二进制Buffer
      const imageBuffer = Buffer.from(imageResponse.image, 'base64');
      // 设置正确的图片类型头
      res.setHeader('Content-Type', 'image/jpeg');
      res.send(imageBuffer);
    } else {
      res.status(500).send(imageResponse.error);
    }
  } catch (err) {
    res.status(500).send(err.message);
  }
});

方向B：在Android端手动处理Base64字符串 #

如果不想修改Node接口，你可以先手动请求接口拿到Base64字符串，再给Coil传入带标准前缀的Base64数据（Coil支持直接加载data:image/xxx;base64,xxx格式的图片）：

@Composable
fun FoodInfoView(mealName: String) {
  val context = LocalContext.current
  val scope = rememberCoroutineScope()
  val painterState = remember { mutableStateOf<AsyncImagePainter.State>(AsyncImagePainter.State.Empty) }
  val painter = rememberAsyncImagePainter(
    model = remember { mutableStateOf<Any?>(null) },
    builder = { crossfade(true) }
  )

  LaunchedEffect(mealName) {
    painterState.value = AsyncImagePainter.State.Loading
    try {
      // 用OkHttp请求Node接口拿到纯Base64字符串
      val client = OkHttpClient()
      val encodedName = URLEncoder.encode(mealName, "UTF-8")
      val request = Request.Builder()
        .url("YOUR_NODE_SERVER_URL/meal_image?name=$encodedName")
        .build()
      val response = client.newCall(request).execute()
      
      if (response.isSuccessful) {
        val base64Raw = response.body?.string() ?: ""
        // 给Base64添加标准前缀，让Coil能识别为图片
        painter.model = "data:image/jpeg;base64,$base64Raw"
        painterState.value = AsyncImagePainter.State.Success(painter)
      } else {
        painterState.value = AsyncImagePainter.State.Error(Throwable("请求失败：${response.code}"))
      }
    } catch (e: Exception) {
      painterState.value = AsyncImagePainter.State.Error(e)
    }
  }

  // 根据状态渲染UI
  when (val state = painterState.value) {
    is AsyncImagePainter.State.Loading -> {
      Timber.d("Loading")
      CircularProgressIndicator()
    }
    is AsyncImagePainter.State.Error -> {
      Timber.d("Error: ${state.throwable.message}")
      Text("加载失败：${state.throwable.message}")
    }
    is AsyncImagePainter.State.Success -> {
      Image(
        modifier = Modifier.fillMaxWidth(),
        painter = state.painter,
        contentDescription = null
      )
    }
    else -> Unit
  }
}

3. 验证请求是否正常发起 #

修复依赖和格式问题后，你可以：

1. 先在浏览器里访问Node的/meal_image接口，确认能返回正确的图片（或Base64字符串）；
2. 检查AndroidManifest里是否添加了网络权限：

   <uses-permission android:name="android.permission.INTERNET" />
   

3. 用Logcat或Charles抓包工具，确认Android端确实发起了网络请求。

按照上面的步骤修复后，应该就能解决你遇到的「未发起请求」和「解码失败」的问题了。

内容来源于stack exchange