Firebase + Flutter Web: Error dart.global.firebase.firestore is not a function

Está tendo problema de tela branca ao iniciar seu aplicativo web com flutter por conta do firebase?

Firebase + Flutter Web: Error dart.global.firebase.firestore is not a function

Aos que estão tendo problema com o uso do firebase no flutter web, geralmente não inicializa, fica em uma tela branca, e aparece o erro: 

TypeError: dart.global.firebase.firestore is not a function

Infelizmente, o erro ocorre por conta da própria documentação do firebase, pois ele te fornece a seguinte configuração:


    // TODO: Replace the following with your app's Firebase project configuration.
    // See: https://support.google.com/firebase/answer/7015592
    var firebaseConfig = {
      apiKey: "...",
      authDomain: "[YOUR_PROJECT].firebaseapp.com",
      databaseURL: "https://[YOUR_PROJECT].firebaseio.com",
      projectId: "[YOUR_PROJECT]",
      storageBucket: "[YOUR_PROJECT].appspot.com",
      messagingSenderId: "...",
      appId: "1:...:web:...",
      measurementId: "G-..."
    };
    // Initialize Firebase
    firebase.initializeApp(firebaseConfig);
  

Porém, por um simples detalhe, esquece de colocar a biblioteca do firestore: 

E com isso, vai aparecer a mensagem de erro citada no início do artigo.

Portanto, basta adicionar em seu arquivo index.html a biblioteca do seu firestore, conforme a versão exposta pelo próprio firebase para configuração.

OBS. Não esqueça de mudar a versão, por exemplo, se a sua versão for 7.13, você tem que alterar a do firestore também. 

Lembrando que este problema também pode aparecer para outros plugins do firebase, basta verificar se está adicionado no index.html que será resolvido.

Espero que solucione o seu problema.