如何完全从angular 6项目中删除引导程序？

Question

我正在尝试从我的angular 6项目中删除引导程序，以便可以用angular材料替换它。我尝试运行npm uninstall bootstrap --no-save，然后在 app.module.ts 中，注释掉了引导行：

  ...
  exports: [],
  providers: [StudentService, EmailService, UploadFileService, StudentListComponent, EmailComponent, AddStudentComponent],
  // bootstrap: [AppComponent]

最后，在 main.ts 中，我注释掉了与引导程序相关的行：

...
if (environment.production) {
  enableProdMode();
}


// platformBrowserDynamic().bootstrapModule(AppModule)
//   .catch(err => console.log(err));

完成此操作后，我尝试加载我的应用程序，但在控制台中没有出现任何错误，但是项目卡在了“加载”上，并且没有任何组件出现。任何帮助都会很棒！

Answer 1

快速回答：

您注释掉的行实际上是Angular的一部分，而不是Bootstrap UI框架。我知道命名约定可能会给这么多事情带来混乱，但是您实际上想保留这些约定。他们将应用程序“捆绑”在一起，如果可以的话，不使用bootstrap做任何事情。

您应该能够取消注释这些行，并且一切都应该正常进行。

Answer 2

Angular不使用引导程序（CSS框架）。 您注释掉的行是应用程序的重要部分。 从维基百科：  在计算中，引导加载程序是计算机启动时运行的第一段代码，负责加载其余操作系统。

因此bootstrap: [ AppComponent ]只是告诉Angular首先加载该组件。

Answer 3

与AppComponent.ts中的bootstrap和main.ts文件中的bootstrapModule无关，您只需从项目中卸载bootstrap并安装angular-material并重新加载App！