通过 index.html 运行 Angular2 应用程序答案

【问题标题】：Running an Angular2 app via index.html通过 index.html 运行 Angular2 应用程序
【发布时间】：2023-04-05 17:06:01
【问题描述】：

我已经使用 TS 和 SystemJS 构建了一个 Angular 2 应用程序，并通过标准的“npm start”运行它，如网站上的“英雄之旅”示例所示。但现在我想上传它进行生产。那么如何转换应用程序，以便通过简单的双击 index.html（如 Angular 1.5 中）打开它？

【问题讨论】：

您需要为任何人提供更多信息才能对此给出答案...您是从种子项目开始的吗？你在使用 webpack 吗？系统JS？咕咕咕？
是的，我从使用 SystemJS 的 Angular 2 网站中的种子开始。
你不能。后端在处理路由后为 index.html 提供服务，您需要从命令行运行您的应用程序，除非您使用某种 GUI

标签： angularjs angular production-environment

【解决方案1】：

创建简单构建的最简单方法是使用 angular-cli。 https://github.com/angular/angular-cli

为生产构建应用程序的一条线：

ng build --prod

所以，如果你喜欢它，我建议你执行以下步骤：

1)创建简单的 angular-cli 应用并进行测试部署

2) 将 angular 从 rc4 更新为 rc5（angular-cli 使用 rc4，而 angular 教程使用 rc5）。此页面将帮助您https://angular.io/docs/ts/latest/cookbook/rc4-to-rc5.html（如果您以后阅读此帖子，则此步骤必须已过时）

3) 将您已经开发的模块复制到这个 angular-cli 应用程序。

【讨论】：

【解决方案2】：

运行这个

ng build --prod --bh .

这将允许您双击index.html 文件。

【讨论】：

【解决方案3】：

不，你不能。我已经用我的应用程序尝试过这个，但路由不适用于它。由于角度限制，它似乎在某个地方坏了。您只能打开静态索引 HTML 文件。

【讨论】：