未捕获错误:Firebase选项中未定义存储存储桶.(WEB)

Question

我试图在firebase存储上传文件(图像).但它控制了一个错误,说"未捕获的错误:Firebase选项中没有定义存储桶"..这是我的代码

const fileUpBtn = document.getElementById('photoUpload');
const selectFile = document.getElementById('selectedFile');
const postIt = document.getElementById('postIt');

fileUpBtn.addEventListener('click',function(){
selectFile.click();
}
);
selectFile.addEventListener('change',function(e){

var file=e.target.files[0];
var filename = file.name;
console.log('/postPic/'+filename);
var storeLocation = storage.ref('/postPic/'+filename);
var uploadTask=storeLocation.put(file);  
});

我尝试允许任何用户存储,但这种情况也控制了这个错误.

Answer 1

Firebase配置中的"storageBucket"选项可能是空字符串.除非在控制台界面上初始化"存储",否则它似乎默认为空字符串.

转到firebase控制台,通过在Firebase控制台界面上访问它来初始化"存储",然后将"storageBucket"的新值从firebase配置复制到您的应用程序中.

你的firebase配置看起来应该是这样的.

{
  apiKey: "XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX",
  authDomain: "my-app-a123z.firebaseapp.com",
  databaseURL: "https://my-app-a123z.firebaseio.com",
  projectId: "my-app-a123z",
  storageBucket: "my-app-a123z.appspot.com",
  messagingSenderId: "123456789012"
};