使用 getDownloadURL() 从 firebase 存储加载图像不起作用

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 自己的模块中的实现。

使用 getDownloadURL() 从 firebase 存储加载图像不起作用

Loading an image with getDownloadURL() from firebase storage do not work

javascript

firebase

vue.js

firebase-storage

nuxt.js