错误：“无法实例化 firebase-storage - 请务必先加载 firebase-app.js”

Posted 2023-03-22

【中文标题】错误：“无法实例化 firebase-storage - 请务必先加载 firebase-app.js”

【英文标题】：Error: "Cannot instantiate firebase-storage - be sure to load firebase-app.js first"

【发布时间】：2021-01-29 02:08:17

【问题描述】：

我有以下几点：

db.collection("users")
    .where("activated", "==", 0)
    .get()
    .then(snap => 
    snap.forEach(doc => 
        if (String(doc.data().profileURL) != String(defaultImageUrl)) 
            var r = document.getElementById('userTable').insertRow()
            r.insertCell(1).innerhtml = doc.data().age
            
            var storageRef = firebase.storage().ref();
            var temp_photo = storageRef.child('avatar/'+doc.data().profileURL+'/')
            temp_photo.getDownloadURL().then(downloadURL => 
                 console.log("log here -> " + downloadURL);
                var y = r.insertCell(2).innerHTML = '<img src="'+downloadURL+'"   />';
            )
            
        
      //closing braces might be off but the rest of the code works, just to this purpose
    );
);

所有数据显示正确，但图片不显示，应用崩溃

[错误] 错误：无法实例化 firebase-storage - 请务必加载 首先是 firebase-app.js。 （匿名函数） (firebase-storage.js:1:39246) (匿名函数) (firebase-storage.js:1:165) 全局代码 (firebase-storage.js:1:188) [错误] 未处理的 Promise Rejection: TypeError: firebase.storage is 不是函数。 （在 'firebase.storage()' 中，'firebase.storage' 是 未定义）（匿名函数）（toActivate.js:39）（匿名 函数）（firebase-firestore.js:1:278233）（匿名函数） (firebase-firestore.js:1:64792) (匿名函数) (firebase-firestore.js:1:58068) (匿名函数) (firebase-firestore.js:1:58062) (匿名函数) (firebase-firestore.js:1:58062) (匿名函数) (firebase-firestore.js:1:58062) (匿名函数) (firebase-firestore.js:1:64769) (匿名函数) (firebase-firestore.js:1:278214) (匿名函数) (toActivate.js:20) promiseReactionJob

在我的 html 中，我确实有存储脚本：

<script src="https://www.gstatic.com/firebasejs/7.15.5/firebase-app.js"></script>
    <script src="https://www.gstatic.com/firebasejs/7.15.5/firebase-firestore.js"></script>
    <script src="https://www.gstatic.com/firebasejs/7.2.3/firebase-storage.js"></script>

【参考方案1】：

您的 Firebase 脚本版本需要全部匹配。您的 firebase-storage 与 firebase-app 不匹配。根据release notes，最新版本是7.23.0。