npmを使ってみる
今回初めて、Node.jsを使うためにセットアップ！
と思っていたのですが、いきなりエラー続きで意味も分からず苦戦していたので共有します。
皆様が同じ目に合いませんように。
$ cd work/01-webpack
まずは、フォルダを作成
$ npm init -y
そして、package.jsonファイルを作成を作成しました。
ここまでは、良かったのですが。。。
アプリケーションで使用するモジュールをインストールするために、webpackをインストールする時に
$ npm install webpack webpack-cli --save-dev
を行ったあと、エラーが。
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 (/Users/mac/.nodebrew/node/v12.16.2/lib/node_modules/npm/node_modules/node-gyp/lib/configure.js:351:16)
gyp ERR! stack at ChildProcess.emit (events.js:310:20)
gyp ERR! stack at Process.ChildProcess._handle.onexit (internal/child_process.js:275:12)
gyp ERR! System Darwin 19.3.0
gyp ERR! command "/Users/mac/.nodebrew/node/v12.16.2/bin/node" "/Users/mac/.nodebrew/node/v12.16.2/lib/node_modules/npm/node_modules/node-gyp/bin/node-gyp.js" "rebuild"
gyp ERR! cwd /Users/mac/Desktop/work/01-webpack/node_modules/fsevents
gyp ERR! node -v v12.16.2
gyp ERR! node-gyp -v v5.1.0
gyp ERR! not ok
そして気になった場所はココですね。
gyp: No Xcode or CLT version detected!
XcodeとCLTのバージョンがおかしい？
Xcodeは以前にインストールしていたので確認してみました。
すると、久しくみていなかったので、アップデートしていませんでした。
それが、原因かもと思いアップデート！！
そしてもう一度$ npm install webpack webpack-cli --save-dev
しかし、エラーは変わらず。。
※インストールしていない方はこれで
$ xcode-select --install
解決策
https://github.com/nodejs/node-gyp/blob/master/macOS_Catalina.md#i-did-all-that-and-the-acid-test-still-does-not-pass--
上記のGitHubを参考に進めました（I did all that and the acid test still does not pass :-以下）
$ sudo rm -rf $(xcode-select -print-path)
$ sudo rm -rf /Library/Developer/CommandLineTools
$ xcode-select --install
コマンドの説明をすると、
sudo rm -rf /Library/Developer/CommandLineTools：Xcode Command Line Toolsのあるディレクトリを削除することでアンインストールしています
xcode-select --install:コマンド上でXcode Command Line Toolsを再インストール。
この後もう一度
$ npm install あなたのインストールしたいもの
を行う。
無事エラーは出ず、進めることができました！