javascript - 使用 Angular 将 EditorJS 图像上传到 Firestorage

Question

我正在将编辑器 JS 用于 Angular 应用程序。当我将 Image 工具与 Firebase 一起使用时，我得到“无法读取未定义的属性 'ref'”。这是我的 .ts 文件：

image: {
      class: ImageTool,
      config: {
        uploader:{
          
          uploadByFile(file : File) {
            const path = `post/${Date.now()}_${file.name}`;
            const ref = this.storage.ref(path);
            const task = this.storage.upload(path, file);
            return new Promise((resolve, reject) => {
              task.snapshotChanges()
                .pipe(
                  finalize( () => {
                    ref.getDownloadURL()
                      .subscribe(url => {
                        console.log(url);
                        let res = {
                          success: 1,
                          file: {
                            url : url
                          }
                        }
                        resolve(res);
                      },error => {
                        console.log(error);
                        reject(error);
                      })
                  }))
                .subscribe( url => {
                  if(url){
                    console.log(url);
                  }
                })
            })
          }
      }
  }
}

如何在 Image 块中定义 Firebase 存储？如果我只做 this.storage.upload 我得到同样的错误