状況
Flutter WebはFirebaseを導入する際、モバイルとは違いJavaScriptを読み込んで使う。そのためindex.htmlに\<script>を仕込むのだが、異変が起きた。
Launching lib\main.dart on Chrome in debug mode... Building application for the web... Attempting to connect to browser instance..
flutter runをしてもここから一切動かないのだ。ググったらimportを消せとか色々策があったが効果はなかった。
解決
A . main.dart.jsを読み込んだ後にFirebaseの設定をしようとしていませんか?
はい。
<body> <!-- The core Firebase JS SDK is always required and must be listed first --> <script src="https://www.gstatic.com/firebasejs/7.8.1/firebase-app.js"></script> <!-- TODO: Add SDKs for Firebase products that you want to use https://firebase.google.com/docs/web/setup#available-libraries --> <script src="https://www.gstatic.com/firebasejs/7.8.1/firebase-analytics.js"></script> <script> // Your web app's Firebase configuration var firebaseConfig = { //略 }; // Initialize Firebase firebase.initializeApp(firebaseConfig); firebase.analytics(); </script> <script src="main.dart.js" type="application/javascript"></script> </body>
とするのが正解です。
真理
終わりに
公式の文章はちゃんと読もうね!