Visual Studio 2017中npm install报错及node_modules存储异常问题咨询

这问题其实挺常见的，核心原因就是包管理器控制台的默认工作目录没对准你的Angular SPA项目根目录——哪怕你在解决方案资源管理器里选中了SPA项目，控制台也不会自动切换到它的子文件夹路径，导致npm找错了package.json，还把node_modules误装到了解决方案根目录。给你两个简单靠谱的解决办法：

方法一：手动切换工作目录 #

1. 先确认你的Angular SPA项目里包含package.json的具体路径，比如你提到的C:\Users\matt\Source\Repos\project\Project\Angular[你的项目子文件夹名]
2. 在包管理器控制台里用cd命令切换到这个路径：

   cd C:\Users\matt\Source\Repos\project\Project\AngularYourProjectName
   

   如果路径里包含空格，记得给整个路径加双引号：

   cd "C:\Users\matt\Source\Repos\project\Project\Angular My SPA"
   

3. 现在再执行npm install，npm就能找到正确的package.json，并把node_modules安装到SPA项目的专属目录里了。

方法二：通过package.json直接打开终端（更省心） #

1. 在Visual Studio的解决方案资源管理器里，找到你的Angular SPA项目下的package.json文件
2. 右键点击这个文件，选择在终端中打开
3. 此时终端会自动定位到package.json所在的目录，直接输入npm install执行即可，完全不用手动折腾路径。

补充说明 #

VS2017的包管理器控制台默认启动路径是解决方案的根目录，不会随你选中的子项目自动切换路径——这就是为什么你执行命令时会出现路径错误的提示。只要把工作目录切到SPA项目的根目录，问题就迎刃而解了。

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