未捕获的类型错误：firebase.storage 不是函数

Question

我正在尝试创建对我的 firebase 存储的引用，但出现错误：Uncaught TypeError: firebase.storage is not a function。我该如何解决这个问题？

使用 node 的地方有一个类似的问题，但在我的情况下，我没有使用 node，因此我不知道答案是否能解决我的问题。

我的代码如下所示：

在我的 app.js 中：

console.log("Initialisation Successful!");

var db = firebase.firestore();

var storage = firebase.storage();

var storageRef = storage.ref();

var imagesRef = storageRef.child('Images');

function addExerise(){

    var exerciseName = document.getElementById("ename").value;

    var exercisePart = document.getElementById("body_part").value;

    var exerciseLevel = document.getElementById("elevel").value;

    var file = document.getElementById("eimage");

    console.log(file);

    file.addEventListener('change', function(evt) {

      let imageFile = evt.target.files[0] // upload the first file only

      let uploadTask = imagesRef.put(imageFile)

  })

    /*var file = storageRef.child(file.name);

    ref.put(file).then(function(snapshot) {

         alert("File Uploaded")

         console.log('Uploaded a blob or file!');

      });*/

    db.collection("Exercises").add({

        Name: exerciseName,

        bodyPart: exercisePart,

        Level: exerciseLevel,

        //image: file

    })

    .then(function(){

        console.log("Data entered successfully!");

    })

    .catch(function(error){

        console.error("Error!", error);

    });

}

Answer 1

在您的 Firebase 控制台中，您是否添加了 Storage 服务并重新生成了初始化代码以放入您的 HTML？我看到您添加了firebase-app.js和firebase-firestore.js脚本，但看起来您没有用于存储的脚本。也许添加该服务并将相关脚本添加到您的 HTML 将解决问题。编辑： 添加firebase-storage.js将解决问题：console.log(firebase.storage);<script src="https://www.gstatic.com/firebasejs/7.0.0/firebase-app.js"></script><script src="https://www.gstatic.com/firebasejs/7.0.0/firebase-storage.js"></script><script src="https://www.gstatic.com/firebasejs/7.0.0/firebase-firestore.js"></script>