React Native图片上传时Firebase Storage出现未知权限错误

我之前也碰到过类似的问题，结合你提供的错误详情、代码和配置信息，咱们一步步来排查解决：

首先看错误里的服务器响应提示，已经给出了核心线索："Permission denied. Could not access bucket crna-app-01.appspot.com. Please enable Firebase Storage for your bucket by visiting the Storage tab in the Firebase Console and ensure that you have sufficient permission to properly provision resources."

这说明问题大概率出在Firebase Storage的启用状态、桶配置或权限设置上，咱们按以下步骤逐一排查：

1. 确认Firebase Storage已正确启用 #

打开Firebase控制台进入你的项目，找到「Storage」标签页：

• 如果还没启用过Storage，按照向导完成初始化流程，确保创建的存储桶名称就是错误里的crna-app-01.appspot.com
• 如果已经启用，检查存储桶状态是否正常，有没有被暂停或配置异常

2. 检查项目权限与服务账号配置 #

进入Firebase控制台的「设置」→「服务账号」：

• 确认你用来初始化Firebase的服务账号（或项目默认服务账号）拥有「Storage管理员」或「Storage对象创建者」的权限
• 核对Expo项目中Firebase初始化代码里的storageBucket字段，必须和错误中的桶名称完全一致，不能有拼写错误

3. 验证Storage规则是否生效 #

你写的规则逻辑没问题（限制图片大小和类型），但要确保规则已经发布生效：

service firebase.storage {
  match /b/{bucket}/o {
    match /{allPaths=**} {
      allow write: if request.resource.size < 5 * 1024 * 1024 && request.resource.contentType.matches('image/.*');
    }
  }
}

• 到Firebase控制台的Storage「规则」页面，确认上述规则已保存并发布（不是草稿状态）
• 可以临时将规则改为allow write: if true;做测试，如果能上传成功，说明原规则的条件可能存在未满足的情况（不过你的Blob信息显示size和type都符合要求，这个可能性不大，但可以用来排查）

4. 调整Expo中Blob的获取逻辑 #

你的上传函数逻辑本身没问题，但Expo环境下用fetch获取Blob偶尔会有兼容性问题，试试用XMLHttpRequest的方式获取Blob：

async function uploadImageAsync(uri, uid, firebase) {
  // 用XMLHttpRequest适配Expo环境获取Blob
  const blob = await new Promise((resolve, reject) => {
    const xhr = new XMLHttpRequest();
    xhr.onload = () => resolve(xhr.response);
    xhr.onerror = () => reject(new Error('Failed to fetch blob'));
    xhr.responseType = 'blob';
    xhr.open('GET', uri, true);
    xhr.send();
  });

  const ref = firebase
    .storage()
    .ref(`users/${uid}`)
    .child(uuid.v4());
  
  const snapshot = await ref.put(blob);
  blob.close(); // 记得关闭Blob释放资源

  return snapshot.downloadURL;
}

5. 查看Firebase日志获取更多细节 #

如果以上步骤都没解决问题，去Firebase控制台的「Storage」→「日志」里查看具体的访问记录，里面会有更详细的错误原因，比如是权限不足还是请求格式异常。

按照这些步骤排查下来，应该能解决你遇到的未知权限错误。

内容的提问来源于stack exchange，提问作者STEEL