从Firebase存储加载带有getDownloadURL（）的图像不起作用

Question

getDownloadURL（）似乎无法正常工作并给出错误。

我使用nuxtjs，并希望在浏览器上显示图像。图片已手动上传到Firebase存储上。

我尝试过

npm install xmlhttprequest

由于错误与xmlhttprequest有关。

但没有任何改变。我还认为我真的应该安装xmlhttprequest还是不安装...因为这似乎是人们在nuxt或vue上不使用的东西？我在其他部分使用firebase实时数据库，并且使用axios可以正常工作。

这是我的代码。

var storageRef = firebase.storage.ref("/animals/cat.png");
storageRef.getDownloadURL().then(function(url) {
  console.log(url); 
});

我在终端上收到此错误。

node_modules/@firebase/storage/dist/index.cjs.js:672
        this.xhr_ = new XMLHttpRequest();
                    ^
ReferenceError: XMLHttpRequest is not defined

Answer 1

您似乎正在尝试在服务器上使用Cloud Storage for Firebase客户端库。它仅适用于浏览器环境。浏览器提供了一个本地XMLHttpRequest对象，而这正是客户端库所假定的。安装节点模块xmlhttprequest不会简单地提供将自动导入到Firease SDK自己的模块中的实现。