尝试获取引用时Firebase存储出错（使用Angulafire2）

Question

我有一个使用Angularfire2（2.0.0-beta.8）和Firebase（firebase@3.7.0）的应用程序。该应用程序可以读取和写入数据库，只是说可以访问Firebase数据库。

Firebase的配置（通过Angularfire2）如下

firebase.config.ts

export const firebaseConfig = {
    apiKey: '................',
    authDomain: 'myapp-xy123.firebaseapp.com',
    databaseURL: 'https://myapp-xy123.firebaseio.com',
    storageBucket: '',
    messagingSenderId: '123......678'
};


export const authConfig = {
    provider: AuthProviders.Password,
    method: AuthMethods.Password
};

app.module.ts

@NgModule({
  declarations: [
    .....
  ],
  imports: [
    ......,
    AngularFireModule.initializeApp(firebaseConfig, authConfig),
    ......
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

现在我正在尝试使用Firebase存储来上传一些文件。为了开始最简单的方法，我创建了一个上传1个文件的简单方法。方法如下

  uploadOneFile(file: File) {
    const storageRef = firebase.storage().ref();
    const storageRefChild = storageRef.child('images/mountains.jpg');
    return storageRefChild.put(file);
  }

当我运行此方法时（经过身份验证后），我收到Firebase Storage: Invalid URL 'undefined'错误，如以下跟踪中所示

任何帮助都将不胜感激。

Answer 1

您需要通过存储网址填充storageBucket。

转到您的firebase存储空间并复制gs://....appspot.com上方的链接，然后将其填入您的firebaseConfig

storageBucket:"gs://....appspot.com"