Firebaseにloginできない（React)

Question

こちらの動画　https://www.youtube.com/watch?v=ta2m6nfYHuQ&t=891s
を参考にし、MacにてReactフォルダをFirebaseにアップしようと試したところうまくログインできませんでした。

まず最初にvsdcodeのyoutubeのフォルダを選択した状態で、
vscode内のターミナル(bash)にて下記のコマンドを実行しました。

ABemcp:youtube abeshmupeii$ npx create-react-app chatbot-demo

Success! Created chatbot-demo at /Users/abeshmupeii/Desktop/react/youtube/chatbot-demo
Inside that directory, you can run several commands:

  yarn start
    Starts the development server.

  yarn build
    Bundles the app into static files for production.

  yarn test
    Starts the test runner.

  yarn eject
    Removes this tool and copies build dependencies, configuration files
    and scripts into the app directory. If you do this, you can’t go back!

We suggest that you begin by typing:

  cd chatbot-demo
  yarn start

Happy hacking!

でreactの環境構築を行いました。
その次にFirebase内で、chatbot-demoというプロジェクトを作成しました。
その次に npm install -g firebase-toolを実行しました

ABemcp:youtube abeshmupeii$ npm install -g firebase-tool

を行おうとしましたが、以前ダウンロードしたことがあるので、飛ばしました。（動画内で説明があり、一度ダウンロードすれば不要と説明されていた）
その後 npm install --save firebase　と実行しました。

ABemcp:chatbot-demo abeshmupeii$ npm install --save firebase
npm WARN deprecated @hapi/topo@3.1.6: This version has been deprecated and is no longer supported or maintained
npm WARN deprecated @hapi/address@2.1.4: Moved to 'npm install @sideway/address'
npm WARN deprecated @hapi/bourne@1.3.2: This version has been deprecated and is no longer supported or maintained
npm WARN deprecated @hapi/hoek@8.5.1: This version has been deprecated and is no longer supported or maintained
npm WARN deprecated resolve-url@0.2.1: https://github.com/lydell/resolve-url#deprecated
npm WARN deprecated urix@0.1.0: Please see https://github.com/lydell/urix#deprecated
npm WARN deprecated core-js@2.6.12: core-js@<3.3 is no longer maintained and not recommended for usage due to the number of issues. Because of the V8 engine whims, feature detection in old core-js versions could cause a slowdown up to 100x even if nothing is polyfilled. Please, upgrade your dependencies to the actual version of core-js.
npm WARN deprecated fsevents@1.2.13: fsevents 1 will break on node v14+ and could be using insecure binaries. Upgrade to fsevents 2.
npm WARN deprecated @types/anymatch@3.0.0: This is a stub types definition. anymatch provides its own type definitions, so you do not need this installed.
npm WARN deprecated querystring@0.2.1: The querystring API is considered Legacy. new code should use the URLSearchParams API instead.
npm WARN deprecated chokidar@2.1.8: Chokidar 2 will break on node v14+. Upgrade to chokidar 3 with 15x less dependencies.
npm WARN deprecated rollup-plugin-babel@4.4.0: This package has been deprecated and is no longer maintained. Please use @rollup/plugin-babel.
npm WARN rm not removing /Users/abeshmupeii/Desktop/react/youtube/chatbot-demo/node_modules/.bin/jest as it wasn't installed by /Users/abeshmupeii/Desktop/react/youtube/chatbot-demo/node_modules/jest
npm WARN rm not removing /Users/abeshmupeii/Desktop/react/youtube/chatbot-demo/node_modules/.bin/rimraf as it wasn't installed by /Users/abeshmupeii/Desktop/react/youtube/chatbot-demo/node_modules/rimraf
npm WARN rm not removing /Users/abeshmupeii/Desktop/react/youtube/chatbot-demo/node_modules/.bin/uuid as it wasn't installed by /Users/abeshmupeii/Desktop/react/youtube/chatbot-demo/node_modules/uuid
npm WARN rm not removing /Users/abeshmupeii/Desktop/react/youtube/chatbot-demo/node_modules/.bin/semver as it wasn't installed by /Users/abeshmupeii/Desktop/react/youtube/chatbot-demo/node_modules/semver
npm WARN rm not removing /Users/abeshmupeii/Desktop/react/youtube/chatbot-demo/node_modules/.bin/mkdirp as it wasn't installed by /Users/abeshmupeii/Desktop/react/youtube/chatbot-demo/node_modules/mkdirp
npm WARN rm not removing /Users/abeshmupeii/Desktop/react/youtube/chatbot-demo/node_modules/.bin/json5 as it wasn't installed by /Users/abeshmupeii/Desktop/react/youtube/chatbot-demo/node_modules/json5

> fsevents@1.2.13 install /Users/abeshmupeii/Desktop/react/youtube/chatbot-demo/node_modules/watchpack-chokidar2/node_modules/fsevents
> node install.js

No receipt for 'com.apple.pkg.CLTools_Executables' found at '/'.

No receipt for 'com.apple.pkg.DeveloperToolsCLILeo' found at '/'.

No receipt for 'com.apple.pkg.DeveloperToolsCLI' found at '/'.

gyp: No Xcode or CLT version detected!
gyp ERR! configure error 
gyp ERR! stack Error: `gyp` failed with exit code: 1
gyp ERR! stack     at ChildProcess.onCpExit (/usr/local/lib/node_modules/npm/node_modules/node-gyp/lib/configure.js:351:16)
gyp ERR! stack     at ChildProcess.emit (events.js:315:20)
gyp ERR! stack     at Process.ChildProcess._handle.onexit (internal/child_process.js:277:12)
gyp ERR! System Darwin 20.6.0
gyp ERR! command "/usr/local/bin/node" "/usr/local/lib/node_modules/npm/node_modules/node-gyp/bin/node-gyp.js" "rebuild"
gyp ERR! cwd /Users/abeshmupeii/Desktop/react/youtube/chatbot-demo/node_modules/watchpack-chokidar2/node_modules/fsevents
gyp ERR! node -v v14.15.2
gyp ERR! node-gyp -v v5.1.0
gyp ERR! not ok 

> fsevents@1.2.13 install /Users/abeshmupeii/Desktop/react/youtube/chatbot-demo/node_modules/webpack-dev-server/node_modules/fsevents
> node install.js

No receipt for 'com.apple.pkg.CLTools_Executables' found at '/'.

No receipt for 'com.apple.pkg.DeveloperToolsCLILeo' found at '/'.

No receipt for 'com.apple.pkg.DeveloperToolsCLI' found at '/'.

gyp: No Xcode or CLT version detected!
gyp ERR! configure error 
gyp ERR! stack Error: `gyp` failed with exit code: 1
gyp ERR! stack     at ChildProcess.onCpExit (/usr/local/lib/node_modules/npm/node_modules/node-gyp/lib/configure.js:351:16)
gyp ERR! stack     at ChildProcess.emit (events.js:315:20)
gyp ERR! stack     at Process.ChildProcess._handle.onexit (internal/child_process.js:277:12)
gyp ERR! System Darwin 20.6.0
gyp ERR! command "/usr/local/bin/node" "/usr/local/lib/node_modules/npm/node_modules/node-gyp/bin/node-gyp.js" "rebuild"
gyp ERR! cwd /Users/abeshmupeii/Desktop/react/youtube/chatbot-demo/node_modules/webpack-dev-server/node_modules/fsevents
gyp ERR! node -v v14.15.2
gyp ERR! node-gyp -v v5.1.0
gyp ERR! not ok 

> core-js@3.6.5 postinstall /Users/abeshmupeii/Desktop/react/youtube/chatbot-demo/node_modules/@firebase/polyfill/node_modules/core-js
> node -e "try{require('./postinstall')}catch(e){}"

Thank you for using core-js ( https://github.com/zloirock/core-js ) for polyfilling JavaScript standard library!

The project needs your help! Please consider supporting of core-js on Open Collective or Patreon: 
> https://opencollective.com/core-js 
> https://www.patreon.com/zloirock 

Also, the author of core-js ( https://github.com/zloirock ) is looking for a good job -)


> core-js@2.6.12 postinstall /Users/abeshmupeii/Desktop/react/youtube/chatbot-demo/node_modules/babel-runtime/node_modules/core-js
> node -e "try{require('./postinstall')}catch(e){}"


> core-js@3.17.3 postinstall /Users/abeshmupeii/Desktop/react/youtube/chatbot-demo/node_modules/core-js
> node -e "try{require('./postinstall')}catch(e){}"

Thank you for using core-js ( https://github.com/zloirock/core-js ) for polyfilling JavaScript standard library!

The project needs your help! Please consider supporting of core-js:
> https://opencollective.com/core-js 
> https://patreon.com/zloirock 
> https://paypal.me/zloirock 
> bitcoin: bc1qlea7544qtsmj2rayg0lthvza9fau63ux0fstcz 

Also, the author of core-js ( https://github.com/zloirock ) is looking for a good job -)


> core-js-pure@3.17.3 postinstall /Users/abeshmupeii/Desktop/react/youtube/chatbot-demo/node_modules/core-js-pure
> node -e "try{require('./postinstall')}catch(e){}"


> ejs@2.7.4 postinstall /Users/abeshmupeii/Desktop/react/youtube/chatbot-demo/node_modules/ejs
> node ./postinstall.js

Thank you for installing EJS: built with the Jake JavaScript build tool (https://jakejs.com/)


> protobufjs@6.11.2 postinstall /Users/abeshmupeii/Desktop/react/youtube/chatbot-demo/node_modules/protobufjs
> node scripts/postinstall

npm notice created a lockfile as package-lock.json. You should commit this file.
npm WARN @babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining@7.15.4 requires a peer of @babel/core@^7.13.0 but none is installed. You must install peer dependencies yourself.
npm WARN tsutils@3.21.0 requires a peer of typescript@>=2.8.0 || >= 3.2.0-dev || >= 3.3.0-dev || >= 3.4.0-dev || >= 3.5.0-dev || >= 3.6.0-dev || >= 3.6.0-beta || >= 3.7.0-dev || >= 3.7.0-beta but none is installed. You must install peer dependencies yourself.

+ firebase@9.0.2
added 388 packages from 144 contributors, removed 249 packages, updated 1451 packages and audited 1846 packages in 191.442s

147 packages are looking for funding
  run `npm fund` for details

found 4 moderate severity vulnerabilities
  run `npm audit fix` to fix them, or `npm audit` for details

最後にfirebase loginを試みたんですがエラーが表記されました。

ABemcp:chatbot-demo abeshmupeii$ firebase login
bash: firebase: command not found

この場合npm install --save firebaseが正常に行われなかったため起ったのでしょうか。
長くて申し訳ありませんがよろしくお願いいたします。

Comments

[hoshi-takanori]

とりあえず「Command Line Tools for Xcode」が見当たらないために npm install --save firebase が失敗してるようなので、
xcode-select --install
を実行してみては。

[takoyan]

返信ありがとうございます。
vscodeのterminalで試したところ

ABemcp:chatbot-demo abeshmupeii$ xcode-select --install
xcode-select: error: command line tools are already installed, use "Software Update" to install updates

と表記が出て、macのターミナルでも同様の表記が出ました。
よろしくお願いします。

Answer 1

再度調べたら解決できました。