[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

エラーを無視して、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:

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

$ xcode-select --install xcode-select: note: install requested for command line developer tools

プロジェクト下の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-template-typ...
タイトルとURLをコピーしました