升级后的应用程序有效但看起来不对 - Angular 4 到 5
Upgraded app works but looks wrong - Angular 4 to 5
我花了过去 24 小时尝试将 Angular 4 应用程序从 ASP.NET 核心模板创建为 Angular 5 应用程序，但没有成功。然后我尝试将一个全新的应用程序（未修改）升级到 Angular 5，即使该应用程序似乎可以运行 - 它在视觉上都是错误的（见下图）。
我只做了几个简单的步骤，这些步骤随处可见，作为 "proper way" 升级 Angular 4 应用程序。我只使用了 one of the tutorials but they are more or less all the same (also tried this).
我的环境：Node.js：8.9.4，@angular/cli：1.6.8
重现步骤：
- 2017 年 Visual Studio 发布
- 使用 Angular 模板创建新的 ASP.NET 核心 Web 应用程序
- 构建和 运行。正常工作。
- 按照 Angular 5 升级教程中的步骤进行操作。
- 构建和 运行。正常工作但看起来不对。
更新
如果我简单地将 Angular 4 项目创建的 vendors.css 复制到 wwwroot\dist Angular 5 项目，外观似乎恢复正常。
经过 2 天的研究，我找到了这个问题的解决方案，问题是在更新期间你已经将 bootstrap 更新到 v.4.0.0 来修复它我已经降级 bootstrap到 v. 3.3.7 如下：
- 打开visual studio。
- 打开packages.json。
- 找到 bootstrap 条目并将版本更改为 3.3.7。
- 关闭visual studio。
- 在应用程序的根文件夹中打开电源shell。
- 运行 npm 安装
- 运行 webpack --config webpack.config.vendor.js
- 打开 visual studio 和 运行 您的项目。
我花了过去 24 小时尝试将 Angular 4 应用程序从 ASP.NET 核心模板创建为 Angular 5 应用程序，但没有成功。然后我尝试将一个全新的应用程序（未修改）升级到 Angular 5，即使该应用程序似乎可以运行 - 它在视觉上都是错误的（见下图）。
我只做了几个简单的步骤，这些步骤随处可见，作为 "proper way" 升级 Angular 4 应用程序。我只使用了 one of the tutorials but they are more or less all the same (also tried this).
我的环境：Node.js：8.9.4，@angular/cli：1.6.8
重现步骤：
- 2017 年 Visual Studio 发布
- 使用 Angular 模板创建新的 ASP.NET 核心 Web 应用程序
- 构建和 运行。正常工作。
- 按照 Angular 5 升级教程中的步骤进行操作。
- 构建和 运行。正常工作但看起来不对。
更新
如果我简单地将 Angular 4 项目创建的 vendors.css 复制到 wwwroot\dist Angular 5 项目，外观似乎恢复正常。
经过 2 天的研究，我找到了这个问题的解决方案，问题是在更新期间你已经将 bootstrap 更新到 v.4.0.0 来修复它我已经降级 bootstrap到 v. 3.3.7 如下：
- 打开visual studio。
- 打开packages.json。
- 找到 bootstrap 条目并将版本更改为 3.3.7。
- 关闭visual studio。
- 在应用程序的根文件夹中打开电源shell。
- 运行 npm 安装
- 运行 webpack --config webpack.config.vendor.js
- 打开 visual studio 和 运行 您的项目。