使用npm安装THREE.JS遇高危漏洞、无package.json等错误求解决

问题根因 #

• 找不到package.json报错：npm安装第三方依赖要求当前操作目录必须是已初始化的npm项目，你在执行安装命令前没有完成npm项目初始化，缺少必备的package.json配置文件
• 高危漏洞+无package.json无法执行audit：你误在系统用户根目录或者其他未初始化npm的上级目录执行了安装命令，npm默认将依赖安装到了存在package.json的最近上级目录，甚至直接安装到系统用户根目录，拉取的零散依赖没有统一的版本管控才会触发批量高危漏洞提示
• 空文件夹下git待提交变更异常：你当前打开的空文件夹属于某个已有git仓库的子目录，之前误装到上级目录的node_modules文件夹包含几千个文件，全部被git识别为未跟踪的待提交变更，你在子文件夹下看不到上级目录的node_modules所以误以为文件夹为空

解决方案 #

1. 清理冗余错误安装内容
   • 关闭当前VS Code项目，打开系统用户根目录（Mac/Linux路径为~/，Windows路径为C:\Users\你的用户名），删除根目录下的node_modules文件夹、package.json文件、package-lock.json文件，清除误安装的依赖，git待提交异常会同步解决
2. 初始化正确的项目环境
   • 新建一个独立的空文件夹作为Three.js学习项目目录，不要放在已有的git仓库路径下，也不要放在系统根目录
   • 用VS Code打开这个新建的空文件夹，启动终端执行npm init -y，执行完成后文件夹内会自动生成package.json文件
   • 执行官方教程的安装命令npm install three --save-dev即可完成依赖安装
3. 验证安装
   • 终端执行npm list three，输出three对应的版本号即代表安装成功

内容的提问来源于stack exchange，提问作者user16645195