Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/27.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/24.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
不同版本的Node-Learning Angular 2_Angular_Npm_Npm Install - Fatal编程技术网

不同版本的Node-Learning Angular 2

不同版本的Node-Learning Angular 2,angular,npm,npm-install,Angular,Npm,Npm Install,有些人可能会发现这个问题重复,但让我说,我是Angular 2、NPM和Node的初学者,甚至发现设置环境都很困难。我真的不知道一旦我开始用Angular 2做一些事情会有多困难 我已经开始了下面的示例,但最终出现了成百上千的错误,这些错误被解释为不同的包版本不匹配等,由Stack Over Flow的不同人员进行解释,因此放弃了该练习,返回到设置NPM和节点等,并开始了后续操作 通过遵循link2,我安装了带有一些警告和错误的NPM。屏幕截图如下所示 进一步转到NodeJS安装的第二步,我从

有些人可能会发现这个问题重复,但让我说,我是Angular 2、NPM和Node的初学者,甚至发现设置环境都很困难。我真的不知道一旦我开始用Angular 2做一些事情会有多困难

我已经开始了下面的示例,但最终出现了成百上千的错误,这些错误被解释为不同的包版本不匹配等,由Stack Over Flow的不同人员进行解释,因此放弃了该练习,返回到设置NPM和节点等,并开始了后续操作

通过遵循link2,我安装了带有一些警告和错误的NPM。屏幕截图如下所示

进一步转到NodeJS安装的第二步,我从下载了推荐的版本(6.11.4),并安装在其默认位置(C:\Program Files\NodeJS)。屏幕截图如下所示

在上面的安装之后,我想知道为什么我有不同版本的Nodejs,因为它可以从屏幕截图1和2中看到。虽然,两条路径指向不同的位置,但我遵循的是link2。我是错过了什么,还是应该是这样?哦忘了提一下,我已经在Visual Studio(2015)中的C:\Program Files\nodejs位置设置了外部Web工具

VS 2015外部网络工具设置屏幕截图如下


我在这里完全迷失了方向,不想浪费几个小时,开始学习angular 2的任何一个实践示例,然后发现由于旧版本的软件包等原因再次出现了错误。另外,我也不明白为什么为angular 2设置环境会如此痛苦?

我也遇到过类似的问题。问题是VisualStudio已经安装了它自带的节点的自己版本,并设置了环境变量以指向它的旧版本

尝试检查环境变量“Path”中是否有对节点的引用

如果您试图使用Visual Studio作为IDE来完成所有这些操作,请尝试转到
工具>选项
项目和解决方案->外部Web工具
,并将路由添加到较新的手动安装节点:

如果您没有使用VisualStudio(例如,您使用的是不同的VisualStuido代码),请尝试不使用VisualStudio目录来包含您的项目

编辑:看你已经这样做了-你能显示一个屏幕截图吗?你重新启动VS了吗?它们的顺序是什么(这很重要)。尝试将
$(路径)
也向上移动到顶部。nodejs应该添加到PATH变量中

另外,我真的不明白为什么为Angular 2设置环境会如此痛苦

这是让所有这些工具协同工作的现实。角度和其他东西一样糟糕。如果您想进行任何类型的复杂javascript开发,您需要安装Node并完成所有这些工作


一旦你跨过这座山,开始能够做一些事情,它就会变得更好!继续操作。

要正确设置VS2015环境,请按照以下步骤中的快速启动指南进行操作:


我正在使用VS 2015,并且已经在IDE中设置了路径,正如我在原始帖子中所解释的。很抱歉,我错过了它,添加了编辑。你能发布一个截图吗?顺序很重要。我已经编辑了我原来的帖子。添加了外部Web工具设置屏幕截图。这很奇怪,它不起作用。您是否检查了路径(并尝试将其移动到顶部)?对于
节点-v
,其他目录(C:\SomeProjectsFolder)有哪些内容?当我停止使用Visual Studio并开始使用VS代码进行角度开发时,我发现我的生活变得轻松多了。你会发现Visual Studio将拥有自己版本的Node.js和Typescript。您可以通过更改到node和npm的路径(在VS“External Web Tools”中),然后对到node.js和npm的路径进行优先级排序,来解决node.js问题。您可以通过安装Typescript的最新VS扩展来修复Typescript问题(您可能需要在Visual Studio之外查找Typescript扩展-确保它来自Microsoft)。如果要了解已安装的Typescript版本,请转到Visual Studio>帮助>关于Visual Studio。确保其版本与Visual Studio外部的“tsc-v”相同,以确保使用“npm安装”安装的Typescript节点包与Visual Studio使用的版本相同。hm,那真是太过时了。。。因为它太旧了,我怀疑您的编译问题与typescript有关。检查您正在使用的angular示例的package.json,看看它应该使用哪个版本的typescript。您可以将typescript全局更新为最新版本:npm安装-g typescript(应为v2.5.2)。是的,请为visual studio(v2.5.3)安装最新的typescript扩展。确保这与全局安装的typescript(npm安装-g typescript)匹配。另外,我建议放弃这个例子,转而使用最近的Angular4教程,typescript 1.0确实很旧,而且有很多变化:)这是一个常见的问题-您可能已经安装了带有typescript 1.0的Microsoft SDK。。。我相信您需要VS2015更新3。请确保在安装扩展后重新启动VS2015,或对路径进行优先级排序以修复此问题。。。已经有一段时间了,所以不确定。请按照以下说明操作: