なぜgyp: No Xcode or CLT version detected!が発生したのか？？

前提・実現したいこと

vue createにてファイルの作成を行おうとした結果、以下のようなエラーが出ました。

gyp: No Xcode or CLT version detected!

の情報を頼りに調べていくとほとんど全ての人が、

xcodeのpathをまず消す
sudo rm -r -f /Library/Developer/CommandLineTools


それからxcodeを再インストール
xcode-select --install

で解決していました。
しかし私にはそもそもなぜ今回のようなエラーに至ったのか、なぜ上記のやり方で解決できるのかが理解できません。
もし、今回のエラーに関する知見を持っている人がいましたら教えていただきたいです。

発生している問題・エラーメッセージ

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.4.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/＊＊＊＊＊＊/workspace/vue-projects/first_vue/node_modules/webpack-dev-server/node_modules/fsevents
gyp ERR! node -v v14.15.4
gyp ERR! node-gyp -v v5.1.0
gyp ERR! not ok