チャベログ

React のライブラリをインストールしようとしたらエラーが出て困った

画像が読み込まれない場合はページを更新してみてください。

このブログとは別の Notion Blog で YouTube の動画を埋め込めるように、react-youtube というライブラリをインストールしようとしたら、下記のエラーが出ました(ログ取り忘れたので、他サイトから引用)。

gyp info it worked if it ends with ok
gyp info using node-gyp@5.0.3
gyp info using node@10.16.0 | win32 | x64
gyp info find Python using Python version 2.7.15 found at "C:\Users\seact\.windows-build-tools\python27\python.exe"
gyp ERR! find VS 
gyp ERR! find VS msvs_version was set from command line or npm config
gyp ERR! find VS - looking for Visual Studio version 2019
gyp ERR! find VS VCINSTALLDIR not set, not running in VS Command Prompt
gyp ERR! find VS could not use PowerShell to find Visual Studio 2017 or newer
gyp ERR! find VS looking for Visual Studio 2015
gyp ERR! find VS - found in "C:\Program Files (x86)\Microsoft Visual Studio 14.0"
gyp ERR! find VS - could not find MSBuild in registry for this version
gyp ERR! find VS not looking for VS2013 as it is only supported up to Node.js 8
gyp ERR! find VS
gyp ERR! find VS valid versions for msvs_version:
gyp ERR! find VS
gyp ERR! find VS **************************************************************
gyp ERR! find VS You need to install the latest version of Visual Studio
gyp ERR! find VS including the "Desktop development with C++" workload.
gyp ERR! find VS For more information consult the documentation at:
gyp ERR! find VS https://github.com/nodejs/node-gyp#on-windows
gyp ERR! find VS **************************************************************
・
・
・

このエラーが出たことで、ライブラリが正常にインストールできていませんでした。

package.json にも追加されませんでした。

解決策

PowerShell を管理者権限で立ち上げて、以下のコマンドを実行後、PC を再起動すると解決しました。

npm install --global --production windows-build-tools

詳しくはわかりませんが、gyp ERR! find VS はどうやら Windows で起きるエラーで、上記のコマンドを実行することで Node.js 関連のパスを通しているようです。

参考