Firebase：codelab

以下サイトの実施メモ
https://firebase.google.com/codelabs/firebase-web

6. Import and configure Firebase

6. Firebaseをインポートして設定する

Install the Firebase SDK and start your Webpack build
(Firebase SDKをインストールして、Webpackビルドを開始します)

4. Run npm run start to start up Webpack. ...
(実行npm run start WebPACKのを起動します...) の部分

実行が以下で止まってしまう

asset firebase-messaging-sw.js 1.74 KiB [emitted] (name: main)
./src/firebase-messaging-sw.js 55 bytes [built] [code generated]
webpack 5.64.4 compiled successfully in 209 ms    
  

"compiled successfully" となっているので成功なんだろう
[CTRL]+[C]で対応した。

7. Set up user sign-in

Test signing in to the app

"firebase serve --only hosting" コマンドを実行し "localhost:5000" へ接続するが、
画面上の"SIGN-IN WITH GOOGLE" をクリックしても何も反応しない

ブラウザ[F12]キーで開発ツールを起動、コンソールを除いてみるとエラーが出ていた。

firebase-config.js?dfdd:15 
    
Uncaught Error: No Firebase configuration object provided.
Add your web app's configuration object to firebase-config.js
 at getFirebaseConfig (firebase-config.js?dfdd:15)
 at eval (index.js?b635:345)
 at Object../src/index.js (main.js:183)
 at __webpack_require__ (main.js:273)
 at main.js:314
 at main.js:316    
  

どうやら src/firebase-config.js に追加した config配列が読めていないらしい。

"npm run start" を実行してから "firebase serve --only hosting" を実行したらエラーは無くなり動作するようになった。

---

Firebase