不同版本的 Node - 学习 Angular 2答案

【问题标题】：Different versions of Node - Learning Angular 2不同版本的 Node - 学习 Angular 2
【发布时间】：2018-03-18 04:10:46
【问题描述】：

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

我已经开始关注 this 示例，但最终出现了成百上千个错误，这些错误被 Stack Over Flow 的不同人员解释为不同包版本不匹配等，因此放弃了该练习并回到设置 NPM和 Node 等并开始关注link2。

通过链接 2，我安装了带有一些警告和错误的 NPM。截图如下

继续进行 NodeJS 安装的第二步，我从 here 下载了推荐的版本（6.11.4）并安装在其默认位置（C:\Program Files\nodejs）。截图如下

在上述安装之后，我想知道为什么我有不同版本的 Nodejs，从屏幕截图 1 和 2 中可以看出。虽然，两条路径都指向不同的位置，但我按照链接 2 中的方式进行操作。我在这里遗漏了什么还是应该是这样？哦！忘了提一下，我已经在 Visual Studio (2015) 的 C:\Program Files\nodejs 位置设置了外部 Web 工具。

VS 2015 External Web Tools 设置截图如下

我在这里完全迷失了，真的不想浪费时间开始遵循任何 angular 2 实践示例，然后由于旧版本的软件包等再次发现错误。另外，不太明白为什么要为 Angular 2 设置环境如此痛苦？

【问题讨论】：

您会发现 Visual Studio 将拥有自己的 Node.js 和 Typescript 版本。您可以通过更改 node 和 npm 的路径来解决 node.js 问题（在 VS“外部 Web 工具”中，然后优先考虑 Node.js 和 npm 的路径）。您可以通过为 Typescript 安装最新的 VS 扩展来解决 Typescript 问题（您可能需要在 Visual Studio 之外寻找 Typescript 扩展 - 确保它来自 Microsoft）。如果你想知道你安装了哪个版本的 Typescript，请转到 Visual Studio > 帮助 > 关于 Visual Studio。
确保它与 Visual Studio 外部的“tsc -v”版本相同，以确保使用“npm install”安装的 Typescript 节点包与 Visual Studio 使用的版本相同。
hm，那真的过时了......因为它太旧了，我怀疑你的编译问题与打字稿有关。检查您正在使用的角度示例的 package.json 并查看它应该使用哪个版本的打字稿。您可以将 typescript 更新到全局最新版本：npm install -g typescript（应该是 v2.5.2）。
是的，为 Visual Studio (v2.5.3) 安装最新的 Typescript 扩展：microsoft.com/en-us/download/…。确保这与您全局安装的打字稿相匹配（npm install -g typescript）。另外，我建议放弃该示例，转而支持更新的 Angular4 教程，typescript 1.0 确实很旧，而且发生了很多变化:)
这是一个常见问题 - 您可能安装了带有 Typescript 1.0 的 Microsoft SDK... 我相信您需要 VS2015 更新 3. 确保在安装扩展程序或优先路径后重新启动 VS2015解决这个问题......已经有一段时间了，所以不确定。遵循 Angular 的这些说明：angular.io/guide/visual-studio-2015#!#create-project

标签： angular npm npm-install

【解决方案1】：

要正确设置您的 VS2015 环境，请遵循 Angular 的快速入门指南：

https://angular.io/guide/visual-studio-2015

【讨论】：

【解决方案2】：

我也遇到过类似的问题。问题是 Visual Studio 已经安装了它自己打包的 node 版本，并将环境变量设置为指向它的旧版本。

尝试检查环境变量“Path”以获取对 Node 的任何引用。

如果您尝试使用 Visual Studio 作为您的 IDE 来完成所有这些操作，请尝试转到 tools > options 和 Projects and solutions -> External Web Tools 并将路由添加到您手动安装的较新节点：

如果您没有使用 Visual Studio（例如，您使用的是不同的 Visual Stuido Code），请尝试不要使用 Visual Studio 目录来包含您的项目。

编辑：看到你已经这样做了 - 你能显示截图吗？你重启VS了吗？它们的顺序是什么（这很重要）。尝试将$(PATH) 也移到顶部。应将 nodejs 添加到您的 PATH 变量中。

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

尝试让所有这些工具协同工作是现实。 Angular 和其他任何东西一样糟糕。如果你想做任何复杂的 javascript 开发，你需要安装 Node 并完成所有这些。

一旦你越过山丘并开始能够做事情，它就会变得更好！坚持下去。

【讨论】：

我正在使用 VS 2015 并且已经按照我的原始帖子中的说明在 IDE 中设置了路径。
抱歉错过，添加编辑。可以发截图吗？顺序很重要。
我已经编辑了我的原始帖子。添加了外部 Web 工具设置截图。
这很奇怪，它不起作用。您是否检查了您的 PATH（并尝试将其移至顶部）？ node -v 的其他目录 (C:\SomeProjectsFolder) 有什么？当我停止使用 Visual Studio 并开始使用 VS Code 进行角度开发时，我发现我的生活变得轻松了很多。