web-dev-qa-db-ja.com

不明なエラー:Firebaseオプションでストレージバケットが定義されていません。 (ウェブ)

Firebase storageにファイル(イメージ)をアップロードしようとしました。しかし、「Uncaught Error:No Storage Bucket defined in Firebase Options」というエラーが表示されます。 。これは私のコードです

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);  
});

すべてのユーザーにストレージを許可してみましたが、そのような状況でもこのエラーが発生します。

enter image description here

12

Firebase configの「storageBucket」オプションが空の文字列である可能性があります。コンソールインターフェイスで「ストレージ」が初期化されていない限り、デフォルトでは空の文字列になっているようです。

Firebaseコンソールに移動し、Firebaseコンソールインターフェースでアクセスして「Storage」を初期化し、「storageBucket」の新しい値をfirebase configからアプリにコピーします。

Firebase configは次のようになります。

{
  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"
};
34
Brian Lee