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

时间:2019-05-09 19:13:48

标签: javascript firebase google-cloud-firestore firebase-storage

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

显示的错误是firebase.storage() is not a function。看来我的电脑中的储存空间设置不正确。但是,我已经按照指示从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) {

}

1 个答案:

答案 0 :(得分:1)

您需要包含Firebase存储API。

您可以通过在导入firebase-app脚本后添加以下行来做到这一点:

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

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