未捕获的类型错误：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>