next.js firebase error.a.storage is not a function

Question

使用 next.js。
我想使用 firebase 的 cloudStorage 来检索图像。
我已将 firebase 导入 next.js，但出现错误。
firebase的版本是8.2.7。
var storage = firebase.storage(); 代替我得到一个 TypeError: firebase_app__WEBPACK_IMPORTED_MODULE_2___default.a.storage is not a function 错误。

import 'firebase/analytics';
import firebase from 'firebase/app';
import 'firebase/auth';
import 'firebase/firestore';
import React, { FunctionComponent } from 'react';

const Gallery: FunctionComponent = () => {
  var firebaseConfig = {
    apiKey: '***************',
    authDomain: '*************',
    projectId: '*************',
    storageBucket: '*************',
    messagingSenderId: '*************',
    appId: '*************',
    measurementId: '*************',
  };
  // Initialize Firebase
  if (firebase.apps.length === 0) {
    firebase.initializeApp(firebaseConfig);
    firebase.analytics();
  }
  var storage = firebase.storage();
  var storageRef = storage.ref();
  var listRef = storageRef.child('files/uid');
  listRef
    .listAll()
    .then(function (res) {
      res.prefixes.forEach(function (folderRef) {
      });
      res.items.forEach(function (itemRef) {
      });
    })
    .catch(function (error) {});
  return (
    <div>
      <div>aaaa</div>
    </div>
  );
};

export default Gallery; 

Answer 1

您似乎没有导入 Cloud Storage SDK。 执行以下操作：

import firebase from 'firebase/app';
import 'firebase/auth';
import 'firebase/firestore';
import 'firebase/storage';   // <-- See the addition here

文档中的更多信息。