npm ERR! gyp ERR!

键入 npm install --loglevel silly查看更加详细的错误日志，大概定位错误原因

1. 通过运行验证是否有 VS 构建工具npm config get msvs_version

2. 如果未安装，下载Visual Studio2022，勾选c++桌面开发，个人认为最好默认目录

   

3. 运行npm config set msvs_version 2022 --global

4. 在 C:\Users<your_username>\ 文件夹里查找任何有关npm的文件夹全部删除（基本带有npm等字样）

5. 删除你项目里的 node_modules文件夹

6. 设置环境变量：设置变量名VCINSTALLDIR和变量值C:\Program Files\Microsoft Visual Studio\2022\Community\VC（注意路径在你的电脑下可能不同，确保提供了 正确的VC 路径，自己去目录里面翻有的在Program Files(x86)）。

7. 在终端命令：

   1. npm config set msbuild_path "C:\Program Files (x86)\Microsoft Visual Studio\2022\BuildTools\MSBuild\15.0\Bin\MSBuild.exe" （请注意，您的位置可能有所不同，但请确保您指定的 MSBuild.exe 路径正确，包括 MSBuild.exe）

      2.npm config set msvs_version 2022

8. 做完这些，可以通过 npm get msvs_version npm get msbuild_path 命令查看是否为你所想要的预期值，版本都要求一样如图。

   

9. 都完成操作后项目就可以npm install --loglevel silly 成功了

如果npm install 没报错，且 npm run dev 也一切正常，但是打不开网址，尝试把网址替换为localhost。


参考文章

https://github.com/nodejs/node-gyp/issues/2203

https://stackoverflow.com/questions/57879150/how-can-i-solve-error-gypgyp-errerr-find-vsfind-vs-msvs-version-not-set-from-c