flutter web TypeError: dart.global.firebase.storage is not a function

Question

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

我有这个错误，大多数 post 说它通过添加

来解决

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

但我有

还有什么可能导致类型错误：dart.global.firebase.storage 不是函数

<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>

Answer 1

我遇到了同样的问题，并通过为 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>
...

Answer 2

在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>

flutter web TypeError: dart.global.firebase.storage is not a function

flutter web TypeError: dart.global.firebase.storage is not a function

flutter

flutter-web