flutter web TypeError: dart.global.firebase.storage 不是函数答案

【问题标题】：flutter web TypeError: dart.global.firebase.storage is not a functionflutter web TypeError: dart.global.firebase.storage 不是函数
【发布时间】：2021-04-29 17:53:09
【问题描述】：

我正在用 Flutter 构建一个网络应用程序，试图将照片添加到 Firebase 存储中。

我遇到了这个错误，大多数帖子都说通过添加来解决

https://www.gstatic.com/firebasejs/8.2.4/firebase-database.js"

但我有

还有什么可能导致 TypeError: dart.global.firebase.storage is not a function

<body>
<!-- The core Firebase JS SDK is always required and must be listed first -->
<script src="https://www.gstatic.com/firebasejs/8.2.4/firebase-app.js"></script>

<!-- TODO: Add SDKs for Firebase products that you want to use
     https://firebase.google.com/docs/web/setup#available-libraries -->
<script src="https://www.gstatic.com/firebasejs/8.2.4/firebase-analytics.js"></script>
<script src="https://www.gstatic.com/firebasejs/8.2.4/firebase-firestore.js"></script>


<script>
  // Your web app's Firebase configuration
  // For Firebase JS SDK v7.20.0 and later, measurementId is optional
  var firebaseConfig = {
    apiKey: "",
    authDomain: "",
    databaseURL: "",
    projectId: "",
    storageBucket: "",
    messagingSenderId: "",
    appId: "",
    measurementId: ""
  };
  // Initialize Firebase
  firebase.initializeApp(firebaseConfig);
  firebase.analytics();
</script>
</script>

【问题讨论】：

标签： flutter flutter-web

【解决方案1】：

在 index.html 中添加这个，它会起作用（看你把它插入到正确的地方）

  

    ..................    
    firebase.initializeApp(firebaseConfig);
          firebase.analytics();
        </script>
        <script src="https://www.gstatic.com/firebasejs/7.17.1/firebase-firestore.js"></script>
          <script src="main.dart.js" type="application/javascript"></script>
        </body>
        </html>

【讨论】：

【解决方案2】：

我遇到了同样的问题，并通过为 firebase-storage 添加另一个脚本来修复它

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

【讨论】：