149
79

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

npm install でエラー。gyp: No Xcode or CLT version detected! 

Last updated at Posted at 2020-04-16

#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 あなたのインストールしたいもの

を行う。

無事エラーは出ず、進めることができました!

#参考記事
https://qiita.com/dmrt/items/90ad12850c0ed29758a2

149
79
1

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
149
79

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?