あああああああああああああやっとできた。
firebaseを使ったログイン機能を作るためにVSCODEを使っていたのですが、何日かかっただろう。。
参考にしたもの
https://qiita.com/hndfavodaismi/items/6b9e17f9c0759c696081
https://qiita.com/sakamotodd/items/fa3f4a6a02659dca7540
https://qiita.com/gdate/items/9796bd4932bed1eba7a1
https://qiita.com/ebichan_88/items/e3e30461ad4ddd9368f5
https://zenn.dev/nori_maki/articles/f503a204c83e89
https://zenn.dev/kugyu10/articles/d297123ba0eae3
https://mebee.info/2020/02/21/post-5185/
ChatGPT
使ったもの
Mac OS
Visual Studio Code
firebase
React
やりたかったこと
-npm install firebaseを成功させること
-firebase loginを成功させること
手こずったところ
-npm install firebase
たどり着いた方法
1. 何も入っていないフォルダを準備
2. VScodeで開く
3.Terminalを開いて（以下Terminalのコマンドです）、npx create-react-app react-firebase-authでReactの環境を作る
時間がかかるためお茶でも飲んで一息つきましょう。
4. （指示通り）cd react-firebase-auth
5. （指示通り）npm start
6. ブラウザ上でReactが動きます！！
7. npm install firebase
8. brew install firebase-cli
9. firebase login
1. npm install firebaseの成功
前述の通りnpm install firebase ↓
`xxx（数字） packages are looking for funding
run `npm fund` for details
xxx（数字） vulnerabilities (xx（数字） moderate, xxx（数字） high)
To address issues that do not require attention, run:
npm audit fix
To address all issues (including breaking changes), run:
npm audit fix --force
Run `npm audit` for details.
の無限ループのため永遠に辿り着けないかと思われたfirebaseのインストール...
脆弱性があることを指摘されて指示通りnpm audit fixやnpm audit fix --forceにトライするも同じように脆弱性を指摘される...
<解消法>
脆弱性の指摘に対して何度かnpm audit fix --forceを叩く。繰り返していると終わりが見えないので一旦無視させていただきました。改良できる方法があれば追記します。
2. firebase loginの成功
firebase login
zsh: command not found: firebase
firebaseコマンドがないことを指摘される
<解消法>
ChatGPT曰く
firebaseコマンドが見つからないというエラーが出たのは、おそらくFirebase CLIが正しくインストールされていないためです。Firebase CLIをインストールしていない場合、firebaseコマンドは使用できません。
Firebase CLIをインストールするには、npmでグローバルにインストールする必要があります。以下のコマンドを実行して、Firebase CLIをインストールしてみてください：
npm install -g firebase-tools
とのことなのでnpm install -g firebase-toolsをTerminalにうつ
なんだかうまくいかない、、
のでFirebase CLIをHomebrewを使ってインストール
brew install firebase-cli
↓
firebase login
<結果>
ブラウザ上に
が出ました！
## 結論
Firebase CLIを入れることでfirebaseコマンドが使えるように！