Firebase.firestore() n'est pas une fonction lors de la tentative d'initialisation de Cloud Firestore

Question

Lorsque j'essaie d'initialiser Firebase Cloud Firestore, je rencontre l'erreur suivante :

Uncaught TypeError: WEBPACK_IMPORTED_MODULE_0_firebase.firestore n'est pas une fonction

J'ai installé firebase avec npm install firebase --save précédemment.

import * as firebase from 'firebase';
import router from '../router';

const config = {
        apiKey: "a",
        authDomain: "a",
        databaseURL: "a",
        projectId: "a",
        storageBucket: "a",
        messagingSenderId: "a"
};
if(!firebase.apps.length){
  firebase.initializeApp(config);
  let firestore = firebase.firestore();
}

Answer 1

J'ai corrigé en important plusieurs bibliothèques : firebase et firebase/firestore. C'est parce que la bibliothèque de base firebase n'inclut pas la bibliothèque firestore.

import firebase from 'firebase/app';
import 'firebase/firestore';

Answer 2

Tout d'abord, assurez-vous d'avoir la dernière version de firebase :

npm install firebase@4.12.0 --save

Ensuite, ajoutez à la fois firebase et firestore :

const firebase = require("firebase");
// Requis pour les side-effects
require("firebase/firestore");

Initialisez l'application firebase :

firebase.initializeApp({
  apiKey: '### FIREBASE API KEY ###',
  authDomain: '### FIREBASE AUTH DOMAIN ###',
  projectId: '### CLOUD FIRESTORE PROJECT ID ###'
});

// Initialisez Cloud Firestore via Firebase
var db = firebase.firestore();

source : https://firebase.google.com/docs/firestore/quickstart?authuser=0

Answer 3

import { firebase } from '@firebase/app';
import '@firebase/firestore'

Si vous utilisez également l'authentification

import '@firebase/auth';

Answer 4

Si par hasard, votre code est ensorcelé, et import firebase/firestore ne fonctionne pas, incluez-le directement :

import '@firebase/firestore/dist/esm/index';

Si ce n'est pas le cas, alors :

npm install @firebase/firestore

Answer 5

J'avais la même erreur et j'ai essayé de suivre le site officiel mais ça n'a pas marché. Ensuite, j'ai googlé l'erreur et je suis tombé sur ce post.

J'ai essayé:

import * as firebase from 'firebase';
import 'firebase/firestore';

Cependant, cela n'a pas fonctionné pour moi mais j'ai ajouté /firebase à la première ligne import * as firebase from 'firebase/firebase'; et tout fonctionne parfaitement.

Cela fonctionne également avec require:

const firebase = require("firebase/firebase");
// Requis pour les effets secondaires
require("firebase/firestore");