node.js でVS のC++ Build Toolsをインストールしろと言われる問題の解決方法

Question

普段、プロジェクトでNuxt.Jsを使用しています。
PCを新しいもの（OSはwindows10）に取り換え、新しい環境に現在の環境を移行中に今回のエラーが発生しました。
node.jsのインストールが完了し、もろもろのプラグインなどを入れ終わった後に、
windowsのコマンドプロンプトより
"create-nuxt-app <projet名>"で試しに新しいnuxtのプロジェクトファイルを作成しようとしたところで発生しました。

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

こんなエラーを見たのは初めてでしたが、エラーに従い、
VSを（VSCodeではなく！）インストールし、"C++ Build Tools"も入れました。
再度プロジェクトを立ち上げましたが、エラーは消えません。

この手も問題でよくある解決策として、"widows-build-tools"を入れることで解消したという方が多くいらっしゃったので、PowerShellの管理者権限より
下記のコマンドを実行しました。

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

エラーは消えません。
最後に、nodeのバージョンが高すぎるのではと思い、現在の推奨版の14.15.1から14.10.1へ落としました。
結局エラーは消えませんでした。

ほとほと困り果て、yarn devでnuxtのプロジェクト自体は起動できたので
諦めようかなと思っておりましたが、
よくNuxtのプロジェクトファイルを見てみると"yarn .lock"のファイルがないのです。おそらく、今回のエラーが原因ではと思っておりますが、
エラーを無視してしまっては何か不具合が起こる可能性があるので、
なんとか解決したいと思っています。

非常に困っております。
どなたか詳しい方ご教示いただけませんでしょうか？

Comments

[raccy]

確認事項がいくつかあります。
1. 下記コマンドの実行結果はどうなりまうか？質問に貼り付けて下さい。
npm config list
2. C++ Build Toolsのバージョンはいくつかですか？よくわからない場合は"Visual Studio Installer"のスクリーンショットを質問に貼り付けて下さい。
3. Pythonはどこにインストールしましたか？

[takochan1192]

コメントありがとうございます。
なんとか解決することができました。

Answer 1

下記のサイトを参考に実行した結果エラーの問題を解決することができました。
参考サイト

まず"C:\Users\your user name"のディレクトリ配下にbinding.gypという
ファイルを作成し下記のコードを入れます。

```python

{
"targets": [{
"target_name": "binding",
"sources": [ "binding.vcxproj" ]
}]
}

sourcesで定義している部分はVSをインストールした先のC++ の部分を参照するようにします。
windowsのコマンドプロンプトを起動し下記の順番でコマンドを入力していきます。

$ node-gyp configure
↓
$ node-gyp configure --msvs_version=2019※すでに2019年版をインストールしていたため、2019指定です。
↓
$ node-gyp build

これでpathが通り、エラーが表示されることはなくなりました。