Stack Overflow em Português Asked on November 25, 2021
Estou tentando fazer um aplicação Web com o Flutter Web e no meu arquivo index.html colei o script indicado pelo google firebase, porém quando rodo a aplicação, ele fica horas executando "compaling libmain.dart for the web". A aplicação não é composta, no Chrome há apenas uma guia sem conteudo.
obs:
Aplicações sem o firebase rodam perfeitamente;
estou rodando a aplicação no modo profile no VS Code e meu device é "Chrome(javaScript)";
Não estou usando o firebase hosting, estou usando um localhost.
código do meu index.html dentro da tag body:
<script src="https://www.gstatic.com/firebasejs/7.16.1/firebase-app.js"></script>
<script src="https://www.gstatic.com/firebasejs/7.16.1/firebase-analytics.js"></script>
<script src="https://www.gstatic.com/firebasejs/6.2.0/firebase-auth.js"></script>
<script src="https://www.gstatic.com/firebasejs/6.2.0/firebase-firestore.js"></script>
<script>
var firebaseConfig = {
apiKey: ...,
authDomain: ...
databaseURL: ...,
projectId: ...,
storageBucket: ...,
messagingSenderId: ...,
appId: ...,
measurementId: ...
};
// Initialize Firebase
firebase.initializeApp(firebaseConfig);
firebase.analytics();
</script>
Isso seria algum erro de configuração?
Se não conseguirem achar uma solução poderiam me mandar um link de um tutorial para configurar flutter e firebase?
Me ajudem por favor!
Essa é a seguinte estrutura que seu index.html deve ter para trabalhar com o firebas:
<body>
<!-- This script installs service_worker.js to provide PWA functionality to
application. For more information, see:
https://developers.google.com/web/fundamentals/primers/service-workers -->
<script>
if ('serviceWorker' in navigator) {
window.addEventListener('load', function () {
navigator.serviceWorker.register('flutter_service_worker.js');
});
}
</script>
<script src="https://www.gstatic.com/firebasejs/7.13.1/firebase-app.js"></script>
<script src="https://www.gstatic.com/firebasejs/7.14.5/firebase-analytics.js"></script>
<script src="https://www.gstatic.com/firebasejs/7.13.1/firebase-auth.js"></script>
<script src="https://www.gstatic.com/firebasejs/7.13.1/firebase-firestore.js"></script>
<script>
// Your web app's Firebase configuration
var firebaseConfig = {
apiKey: "...",
authDomain: "...",
databaseURL: "...",
projectId: "...",
storageBucket: "...",
messagingSenderId: "...",
appId: "...",
measurementId: "..."
};
// Initialize Firebase
firebase.initializeApp(firebaseConfig);
firebase.analytics();
</script>
<script src="main.dart.js" type="application/javascript"></script>
</body>
Pelo que você nos mostrou, está faltando esse script no teu
<script src="main.dart.js" type="application/javascript"></script>
Em relação aos packages do Flutter uso os seguintes:
• firebase_auth:
• cloud_firestore:
Answered by Matheus Ribeiro on November 25, 2021
Get help from others!
Recent Answers
Recent Questions
© 2024 TransWikia.com. All rights reserved. Sites we Love: PCI Database, UKBizDB, Menu Kuliner, Sharing RPP