firebase.storage() 不是 JavaScript 中的函数

Question

我是 Web 开发和 Firebase 的新手，出现错误。我一直无法解决它所以来到这里寻求帮助。

显示的错误是firebase.storage() is not a function。我的电脑中似乎没有正确设置 firestorage。但是，我已经按照从 google 网站本身下载的说明进行操作，并没有改变任何事情。

我在 Stack Overflow 上看到了一些关于此的其他问题，但他们使用 node 或 react 这不是我的情况。有人可以给我一个提示吗？

我知道它没有详细解释，因为正如我之前所说，我不是专家。请全面，我会更好地发展我的问题。

我创建的代码如下。第一个块是.html文件的子集。另一个是我的.js 文件的正文

  <!-- Firebase App is always required and must be first -->
      <script src="https://www.gstatic.com/firebasejs/5.9.1/firebase-app.js"></script>
      <!-- Add additional services that you want to use -->
      <script src="https://www.gstatic.com/firebasejs/5.9.1/firebase-auth.js"></script>
      <script src="https://www.gstatic.com/firebasejs/5.9.1/firebase-database.js"></script>
      <script src="https://www.gstatic.com/firebasejs/5.9.1/firebase-firestore.js"></script>
      <script src="https://www.gstatic.com/firebasejs/5.9.1/firebase-messaging.js"></script>
      <script src="https://www.gstatic.com/firebasejs/5.9.1/firebase-functions.js"></script>

      <!-- Inicializa o firebase -->
      <script>
          var config = {
              apiKey: "..",
              authDomain: "..",
              databaseURL: "..",
              projectId: "..",
              storageBucket: "..",
              messagingSenderId: "..",
              appId: ".."
          };
          firebase.initializeApp(config);
      </script>
      <!-- Nosso app -->
      <script src="./app.js"></script>

---

var fileInput = document.getElementById('file-input');
var stringInput = document.getElementById('string-input');

var ref = firebase.storage();

fileInput.onchange = function (event) {
}

stringInput.onchange = function (event) {

}

Answer 1

您需要包含 firebase 存储 api。

您可以通过在导入firebase-app脚本后添加此行来执行此操作：

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

你可以在这个代码沙箱中看到一个演示：https : //codesandbox.io/s/vqy01k5175