恢复 package.json 包在 VS2015 中出现 Method Not Allowed 错误？答案

【问题标题】：While restore package.json package getting Error for Method Not Allowed in VS2015?恢复 package.json 包在 VS2015 中出现 Method Not Allowed 错误？
【发布时间】：2019-05-13 02:52:07
【问题描述】：

我在 VS2015 中恢复 package.json 时收到 Method Not Allowed 错误。

这是我得到的日志：

npm ERR! Error: Method Not Allowed
npm ERR!     at errorResponse (C:\Program Files (x86)\Microsoft Visual Studio 14.0\Common7\IDE\Extensions\Microsoft\Web Tools\External\npm\node_modules\npm\lib\cache.js:753:14)
npm ERR!     at C:\Program Files (x86)\Microsoft Visual Studio 14.0\Common7\IDE\Extensions\Microsoft\Web Tools\External\npm\node_modules\npm\lib\cache.js:773:12
npm ERR!     at saved (C:\Program Files (x86)\Microsoft Visual Studio 14.0\Common7\IDE\Extensions\Microsoft\Web Tools\External\npm\node_modules\npm-registry-client\lib\get.js:148:7)
npm ERR!     at C:\Program Files (x86)\Microsoft Visual Studio 14.0\Common7\IDE\Extensions\Microsoft\Web Tools\External\npm\node_modules\graceful-fs\polyfills.js:133:7
npm ERR!     at Object.oncomplete (fs.js:107:15)
npm ERR! If you need help, you may report this *entire* log,
npm ERR! including the npm and node versions, at:
npm ERR!     <http://github.com/npm/npm/issues>
npm ERR! System Windows_NT 6.2.9200
npm ERR! command "C:\\Program Files (x86)\\Microsoft Visual Studio 14.0\\Common7\\IDE\\Extensions\\Microsoft\\Web Tools\\External\\npm\\node" "C:\\Program Files (x86)\\Microsoft Visual Studio 14.0\\Common7\\IDE\\Extensions\\Microsoft\\Web Tools\\External\\npm\\node_modules\\npm\\bin\\npm-cli.js" "install"
npm ERR! cwd C:\...\Angular2\Angular2
npm ERR! node -v v0.10.31
npm ERR! npm -v 1.4.9
npm ERR! code E405

【问题讨论】：

标签： node.js angular typescript npm visual-studio-2015

【解决方案1】：

我觉得您正尝试从 VS2015 开始执行此操作。 Visual Studio 使用 NPM 的预打包版本。通过查看您的日志，我们还可以看到它使用的是超级旧的 npm 1.4.9。

您可以导航到C:\Program Files (x86)\Microsoft Visual Studio 14.0\Web\External\ 并执行npm install npm -g 来更新它。

您可能需要告诉 VS 使用更新版本的节点。似乎它正在使用节点 0.10.31，它已经很老了。 This guide 应该可以帮到你。

编辑

或者，您可以指定希望 Visual Studio 使用的 NPM 位置。您可以进入Tools -> Options -> Projects and Solutions -> External Web Tools 并更改当前路径。将$(PATH) 提高到.\node_modules\.bin 上方也应该可以解决问题。

Source (for updating npm)

Source (for changing location)

【讨论】：

当我使用此命令时 npm install npm@latest -g 我收到如下错误 npm@latest 的 fetchPackageMetaData 错误在“...fig-chain”附近解析时 JSON 输入意外结束"调试日志"'
您的缓存中可能有一些损坏。尝试用npm cache clean --force清除它
我在 cmd 中检查 node 和 npm 的版本时不明白的一件事；我正在获取最新版本，例如第一个 cmd 屏幕截图，但是当我尝试在 VS2015 中恢复包时，我变老了日志中显示的版本
那是因为命令行使用位于 PATH 环境变量中的 npm 版本（可能位于 C:\Users\...\AppData\Roaming\npm 下）。 VS 使用位于 C:\Program Files (x86)\Microsoft Visual Studio 14.0\Common7\IDE\Extensions\Microsoft\Web Tools\External\npm 下的预打包版本。
有什么解决方案可以将 vs15 设置为使用最新的 npm 位置？

【解决方案2】：

在VS15选项-->工具-->项目和解决方案-->外部Web工具

添加新路径“C:\Program Files\nodejs”设置为上述所有路径那么

以管理员身份打开 cmd 去你的解决方案

输入 npm -i

现在你可以看到 node_modules 文件夹了

npm安装成功后

输入 npm start 你可以在 Lite 服务器中看到 index.html "Hello Angular"

【讨论】：