Visual Studio 2015 中的 Angular 2.0.0 rc0 - npm 不工作

Question

我在 Visual Studio 2015 Update 2 中使用新的 Angular 2.0.0 rc0 版本。

以前（Angular 2 beta 17）我可以使用正确的依赖项创建我的“package.json”文件，然后右键单击它并选择“restore packages”，它会创建一个“node_modules”文件夹，然后安装正确的文件。

现在，我有一个新的“package.json”文件，其中包含正确的 angular 2.0.0 rc0 依赖项，当我对其执行“恢复包”时，它不会创建“node_modules”文件夹，并且而只是输出一大堆错误（主要是 404 和 304 之类的）。

我可以毫无问题地使用我安装的 npm 版本执行“Angular 2 快速入门”。我认为这可能是 Visual Studio 内部版本的 npm 的问题？可能是旧版本之类的？

如果我在我的项目目录上执行“npm install”（通过命令行），它会正确创建“node_modules”文件夹...但我希望 VS2015 能够做到这一点！

有人有想法吗？

Answer 1

在 VS 中，转到工具 --> 项目和解决方案 --> 外部 Web 工具。

单击右上角的“添加”按钮，添加 nodejs 安装的位置（例如 C:\Program Files\nodejs），并将其移至列表顶部。

这将导致 VS 使用您安装的 nodejs 版本，并修复此错误。

Answer 2

感谢 David Pine 的帖子：https://ievangelistblog.wordpress.com/2016/01/13/building-an-angular2-spa-with-asp-net-5-mvc-6-web-api-2-and-typescript-1-7-5/

这对我有用（摘自帖子）：

“虽然 Node.js 及其相应的包管理器，即“npm”是 Visual Studio 2015 安装的一部分，但它与 1.4.9 一起安装，不幸的是，这是一个过时的版本。Angular2 可能与更高版本的npm。

让我们现在解决这个问题，这样一旦我们开始编写代码就不会遇到问题。在此处安装最新版本的 Node.js。安装后导航到以下目录：

C:\Program Files (x86)\Microsoft Visual Studio 14.0\Common7\IDE\Extensions\Microsoft\Web Tools\External\

在您喜欢的文本编辑器（以管理员身份运行）中打开 npm.cmd 文件，并将该文件的内容替换为以下内容：

@"C:\Program Files\nodejs\node.exe" "C:\Program Files\nodejs\node_modules\npm\bin\npm-cli.js" %*

现在 Visual Studio 2015 将使用通过上述步骤安装的 npm 版本。”