返回

Expo 中添加图片时 __NSPlaceholderDictionary 错误:深入分析与解决方法

javascript

Expo 中使用图库或摄像头添加图片时的 [__NSPlaceholderDictionary initWithObjects:forKeys:count:]: attempt to insert nil object from objects[0] 错误:深入分析和解决方法

简介

在 Expo 中使用图库或摄像头添加图片时,你可能会遇到一个令人沮丧的错误:“[__NSPlaceholderDictionary initWithObjects:forKeys:count:]: attempt to insert nil object from objects[0]”。这个错误信息表明你试图向一个 NSDictionary 对象中插入一个空值(nil),这是不允许的。

根本原因

这个错误通常是由于将空的 Blob 对象传递给 NSDictionary 对象而导致的。在 Expo 中,当将图像上传到后端时,你必须创建一个 Blob 对象,然后将其传递给 NSDictionary 对象。如果你没有正确创建 Blob 对象,或者在创建过程中出现了错误,NSDictionary 对象将接收一个空值,从而导致这个错误。

解决方法

为了解决这个错误,你需要确保正确创建和传递 Blob 对象。这里有一个分步指南:

创建 Blob 对象

const blob = await new Promise((resolve, reject) => {
  const xhr = new XMLHttpRequest();
  xhr.onload = function() {
    resolve(xhr.response);
  };
  xhr.onerror = function(e) {
    console.error(e);
    reject(new TypeError("Network request failed"));
  };
  xhr.responseType = "blob";
  xhr.open("GET", uri, true);
  xhr.send(null);
});

将 Blob 对象传递给 NSDictionary 对象

const data = {
  blob: blob,
  trackingName: "unknown",
};

发送请求

const response = await Networking.sendRequest("your-endpoint", { data });

示例代码

以下是完整的示例代码,演示如何将 Blob 对象正确传递给 NSDictionary 对象,以及如何使用 Networking 模块发送请求:

const sendToBackend = async (uri) => {
  const blob = await new Promise((resolve, reject) => {
    const xhr = new XMLHttpRequest();
    xhr.onload = function() {
      resolve(xhr.response);
    };
    xhr.onerror = function(e) {
      console.error(e);
      reject(new TypeError("Network request failed"));
    };
    xhr.responseType = "blob";
    xhr.open("GET", uri, true);
    xhr.send(null);
  });

  const data = {
    blob: blob,
    trackingName: "unknown",
  };

  const response = await Networking.sendRequest("your-endpoint", { data });
};

常见问题解答

1. 为什么我仍然收到这个错误,即使我按照提供的步骤操作了?

确保你正确地创建了 Blob 对象。检查你的网络请求是否成功,并且你没有收到任何错误。

2. 这个错误只发生在特定的图像格式上吗?

这个错误不应该只发生在特定的图像格式上。它通常是由于 Blob 对象创建不当引起的。

3. 这个错误在 Expo 的哪个版本中被修复了?

这个错误在 Expo 的最新版本中应该已经被修复了。如果你仍在遇到这个问题,请确保你使用的是最新版本的 Expo。

4. 这个错误是否会影响其他 Expo 功能?

这个错误不应该影响 Expo 的其他功能。它通常只在使用图库或摄像头添加图片时才会出现。

5. 我如何报告这个错误给 Expo 团队?

如果你在按照提供的步骤操作后仍然遇到这个错误,你可以通过 Expo GitHub 存储库向 Expo 团队报告这个问题:https://github.com/expo/expo/issues