[macOS] react-nativeでnpm installしたらgyp: No Xcode or CLT version detected!エラー

ubuntuでreact-native initして、androidエミュレータで実行確認できたって

次は、macOS上のandroidエミュレータとiOSシミュレータで実行確認ね。

エラー表示

macOS 10.15.5
XCode 11.6
Node.js v12.18.3
react-native-cli: 2.0.1
react-native: 0.63.2

ububtuでreact-native initしたプロジェクトをgithubにpushしました。そして、macOSでgit pullしました。

そのディレクトリにcdして、npm installしたところ、次のエラーが表示されました。

XCodeとCLT(Command Line Tool)に関するエラーのようです。

$ npm install

> fsevents@1.2.13 install /xxx/yyy/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 (/Users/xxx/.nvm/versions/node/v12.18.3/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:275:12)
gyp ERR! System Darwin 19.5.0
gyp ERR! command "/Users/xxx/.nvm/versions/node/v12.18.3/bin/node" "/Users/xxx/.nvm/versions/node/v12.18.3/lib/node_modules/npm/node_modules/node-gyp/bin/node-gyp.js" "rebuild"
gyp ERR! cwd /xxx/yyy/node_modules/fsevents
gyp ERR! node -v v12.18.3
gyp ERR! node-gyp -v v5.1.0
gyp ERR! not ok 
Code language: Bash (bash)

エラーを無視して、react-native run-androidしたところ、androidエミュレータで実行確認できました。

react-native run-androidができただけでも安心するわね

対応方法

Command Line Toolをいったん削除して、再インストールしました。

Command Line Toolのインストール先を確認して、rm -rf で削除します。

$ xcode-select -print-path
/Library/Developer/CommandLineTools

$ sudo rm -rf /Library/Developer/CommandLineTools
Password:Code language: Bash (bash)

Command Line Toolをインストールします。

$ xcode-select --install
xcode-select: note: install requested for command line developer toolsCode language: Bash (bash)

プロジェクト下のnode_modulesを rm -rf してから、再度 npm install しました。無事、完了しました。

ところが、react-native run-iosしたところ、別のエラーが...

まだまだエラーの旅は続きそうね

参考記事

`react-native init`後のpod installでglogに関してエラーが出た時の対処 - Qiita
現象あるMac環境で下記のコマンドを実行した時、glogでエラーが発生し進めなくなった。react-native init MyTSProject --template react-native…
タイトルとURLをコピーしました