Angular CLI 使用空 index.html 创建新项目答案

【问题标题】：Angular CLI creates new project with empty index.htmlAngular CLI 使用空 index.html 创建新项目
【发布时间】：2017-09-30 07:08:59
【问题描述】：

我正在使用 Angular CLI 使用以下命令创建一个新项目

ng new AngularProject

此命令使用我新创建的项目创建一个文件夹。我现在去 /src 文件夹查看所有文件。但是当我打开 index.html 时，什么也没有发生？我只看到一个空白页面。我知道您可以使用ng build 使用构建文件创建/dist 文件夹，或者使用ng serve 使用网络服务器运行项目。但是我只想使用 /src 文件夹中的所有文件，而不改变这个文件夹的结构。

如何在不构建或服务的情况下让 /src 文件夹中的 index.html 工作？

【问题讨论】：

你不能。 Angular 用于创建 Web 应用程序。 Web 应用程序由 Web 服务器提供服务。不是来自文件系统。 src 文件夹中的 index.html 是一个源文件，旨在通过构建进行转换。

标签： angular angular-cli

【解决方案1】：

简短的回答......你不能。 Angular 应用程序无法通过打开 index.html 文件在开发模式下执行。

ng build 命令将代码从 TypeScript 转换为 JavaScript，打包代码，并使用定义的包更新 index.html 文件。

可以将这些文件部署到 Web 服务器，然后该服务器将适当地提供 index.html 文件。

【讨论】：