这个问题我之前在使用Storage模拟器时也遇到过，本质是refFromURL()的设计限制导致的，下面给你详细拆解原因和解决方案：

为什么会报错？ #

Firebase Storage的refFromURL()方法是专门为生产环境的官方Storage URL（域名是firebasestorage.googleapis.com）设计的，它内部会严格校验URL的域名是否符合Firebase官方的Storage域名规则。

而你传入的是本地模拟器的URL（http://localhost:9199/...），这个域名不在refFromURL()的默认允许列表里，所以它会直接判定这是一个无效的URL，抛出storage/invalid-argument错误。这并不是refFromURL()在本地环境完全不能工作，只是它不识别模拟器的自定义URL格式。

解决办法 #

方法1：手动解析URL路径构建存储引用 #

你可以从模拟器的URL中提取出文件的实际存储路径，通过ref()方法创建引用后再删除。具体步骤：

1. 从URL中提取/o/之后到?之前的URL编码路径
2. 对路径进行URL解码，得到真实的存储路径
3. 用解码后的路径创建引用并执行删除

修改后的代码：

function deleteImage(imageUrl: string) { 
  // 匹配URL中的文件路径部分
  const pathSegment = imageUrl.match(/\/o\/(.*?)\?/);
  if (!pathSegment) {
    console.error("无法从URL中提取文件路径");
    return Promise.reject(new Error("无效的图片URL格式"));
  }
  // URL解码得到实际存储路径
  const actualPath = decodeURIComponent(pathSegment[1]);
  // 创建引用并执行删除
  const fileRef = firebase.storage().ref(actualPath);
  return fileRef.delete().catch((error) => console.error(error)); 
}

方法2：保存存储路径而非完整URL（更推荐） #

如果是你自己上传的文件，可以在上传时直接保存文件的fullPath（存储路径），而不是完整的访问URL。这样后续删除时直接用路径创建引用，完全避免URL解析的问题：

// 上传文件时保存路径
async function uploadLocalImage(file: File) {
  const storageRef = firebase.storage().ref(`images/demo/${Date.now()}.jpeg`);
  await storageRef.put(file);
  // 返回存储路径而非URL
  return storageRef.fullPath;
}

// 删除时直接使用路径
function deleteImageByPath(storagePath: string) {
  return firebase.storage().ref(storagePath).delete().catch(err => console.error(err));
}

额外注意：确保模拟器配置正确 #

最后别忘了确认你的Firebase SDK已经正确连接到模拟器，在初始化代码中添加：

if (window.location.hostname === "localhost") {
  // 配置Storage模拟器地址
  firebase.storage().useEmulator("localhost", 9199);
}

这一步保证SDK和模拟器正常通信，但不影响refFromURL()的URL校验逻辑，所以还是需要上面的方法来处理本地URL。

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