当我运行应用程序时，哪个文件首先在angular 4应用程序中运行？

Question

我正在使用角度4，但我有一个问题。当我运行项目并使用ng serve时，项目中的哪个文件首先呈现？ main.ts，angular-cli.json，app.module之类的文件太多了，我不了解运行ng serve时发生了什么。

Answer 1

在Angular应用中，

belongs_to是开始，然后Index.html

在main.ts之后，Index.html。哪个告诉运行哪个文件。主要是引导

main.ts是应用程序的切入点，可以及时编译应用程序并引导应用程序。Angular可以在多个环境中引导，我们需要导入特定于该环境的模块。在哪个angular中先寻找哪个模块。

main.ts

请看下图，该图很好地说明了结构。

Answer 2

angular.json-> angular-cli配置文件     main.ts-> Angular模块引导应用程序文件。设置您的应用程序的输入模块。     app.module.ts->根据您的输入模块，它配置哪个组件将从该模块首先加载以及其他依赖模块，组件，管道，服务。

Answer 3

只有一件事很奇怪，如果在“ app.component.ts”的“ @Component（{”之前”添加“ console.log”，则会发现首先被调用。

Answer 4

从 index.html 开始并设置标题，然后转到 body 标签，即应用组件的选择器，每当 ng-serve 构建我们的应用程序时，它都会创建“包”并在运行时自动将它们添加到我们的 index.html 文件中.因此，从这些包中，第一个代码必须从“main.ts”文件执行，即“main.ts”文件是 Angular 应用程序开始执行的主文件。然后调用将调用 appModule 的 bootstrap 方法，并且将加载分组到 appModule 中的组件列表