Visual Studio 2015中的Angular 2.0.0 rc0 - npm无法正常工作

时间:2016-05-04 02:10:51

标签: visual-studio-2015 npm angular

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

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

现在,我有一个新的“package.json”文件,里面有正确的角度2.0.0 rc0依赖项,当我在其上执行“恢复包”时,它不会创建“node_modules”文件夹,并且而只是输出一大堆错误(主要是404和304,那种事情)。

我可以使用我安装的npm版本执行“Angular 2 Quickstart”,没有任何问题。我认为这可能是Visual Studio内部版本的npm的问题?也许这是一个旧版本或什么?

如果我在项目目录中执行“npm install”(通过命令行),它会正确创建“node_modules”文件夹......但我希望VS2015能够执行此操作!

有人有想法吗?

2 个答案:

答案 0 :(得分:2)

从VS,转到工具 - >项目和解决方案 - >外部Web工具。

单击右上角的“添加”按钮,然后添加nodejs install的位置(类似于C:\ Program Files \ nodejs),并将其移至列表顶部。

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

答案 1 :(得分: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版本。“