Q&A
.jsをHTMLのどこに入れているのでしょうか。
firebaseを導入したウェブページを作成したいと考えており、
入力をデータベースへ登録することをとりあえずの目標としておりますf。
導入から実装までを書いてあるサイトをいくつか参考に、firebaseを導入するところまでは完了しています（つもり）。
しかし実際にデプロイしてみるとjavascript内のfirebaseに関する部分が定義されていない状態となります。
足りていない部分があると思うので、それをご教授いただきたく思います。
発生している問題・エラーメッセージ
ReferenceError: firebase is not defined
該当のソースコード
html <head> ..... <script type="text/javascript" src="./sample.js"></script> <script src="https://www.gstatic.com/firebasejs/5.7.2/firebase.js"></script> <script> // Initialize Firebase var config = { apiKey: "hoge", authDomain: "hoge.firebaseapp.com", databaseURL: "hoge.firebaseio.com", projectId: "hoge", storageBucket: "hoge", messagingSenderId: "hoge" }; firebase.initializeApp(config); </script> </head> .js var db = firebase.database();
.js内は検証するために記述したものですがこれすら実行させられない状況です。
試したこと
・initialize部のhtml内での位置を変えてみる → 変化なし
・initialize部をjavascript内へ移動させてみる → initializeApp()の時点でエラー
###version
firebase : 6.2.2
npm : 6.4.1
....
<script type="text/javascript" src="./sample.js"></script>
<script src="https://www.gstatic.com/firebasejs/5.7.2/firebase.js"></script>
....
という形で<head>内に入れています。
この「質問への追記・修正の依頼」の部分はデフォルトで表示されませんので、質問本文に追記することをお勧めします。
基本は上から順番なんだけど読み込みの順番ってしってる？
回答1件
0
ベストアンサー
....
<script type="text/javascript" src="./sample.js"></script> <script src="https://www.gstatic.com/firebasejs/5.7.2/firebase.js"></script> .... という形で<head>内に入れています。
それが原因です。
HTML
1<script src="https://www.gstatic.com/firebasejs/5.7.2/firebase.js"></script> 2<script type="text/javascript" src="./sample.js"></script>
var db = firebase.database();という記述がsample.jsに入っているなら、firebase.jsを先に読み込む必要があります。
投稿2019/01/04 04:58
総合スコア69407
あなたの回答
tips
プレビュー
