更新 ASP.NET Core 2.0 Angular Web 应用程序中的包答案

【问题标题】：Update packages in a ASP.NET Core 2.0 Angular Web Application更新 ASP.NET Core 2.0 Angular Web 应用程序中的包
【发布时间】：2018-05-08 08:20:15
【问题描述】：

我使用 Visual Studio 2017 15.4.4 创建了一个新的 Web 应用程序项目（ASP.NET Core 2.0，Angular 模板）。

此模板附带 Angular 4.2.5 包，我想将它们更新到较新的版本。

我尝试了几件事：

使用 Visual Studio 的“Bower 包管理器”。但是包管理器没有显示任何已安装的包。
使用 package.json 文件中的“更新包”快速操作。我可以看到 Visual Studio 的 Bower/npm 控制台中发生了一些事情，但是 package.json 中的包版本没有改变。
在 package.json 中手动更改包的版本并保存。我再次可以看到 Bower/npm 控制台中发生了一些事情，但查看 node_modules 文件夹中的包显示这些包实际上并未更新。
在 package.json 中手动更改包的版本，关闭 Visual Studio，删除 node_modules 文件夹，重建解决方案。我可以看到所有包都在恢复，但仍然是 4.2.5 版本，而不是我在 package.json 中指定的版本。

这是一个基于 Angular 模板的新项目。

更新这些包的正确方法是什么？

【问题讨论】：

标签： angular npm visual-studio-2017 package.json

【解决方案1】：

我已经使用 vs2015 配置了带有材料设计的 angular 5.0。所以请尝试以下步骤..

Click Here您将找到列出的文件代码帮助。

Step1：创建以下文件并复制粘贴代码。

  a) package.json
  b) tsconfig.json
  c) system.config.js

Step2：在_Layout.cshtml头标签部分绑定

第三步：创建main.ts文件

Step4：创建module.ts文件

Step5：创建component.ts文件

Step6：在index.cshtml（从index.html获取代码）页面绑定组件选择器

【讨论】：