如何从角度6项目中完全删除bootstrap？

Question

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

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

最后，在main.ts中，我注释掉了bootstrap相关的行：

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


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

完成后，我尝试加载我的应用程序，并且我在控制台中没有出现任何错误，但项目停留在“加载”并且没有组件出现。任何有关这方面的帮助都会很棒！

Answer 1

Quick Answer:

您注释掉的行实际上是Angular的一部分，而不是Bootstrap UI框架。我知道命名约定可能会让人感到困惑，但实际上你想把它们放在那里。如果这是有道理的话，他们会将应用程序“提升”到一起，而不是与bootstrap做任何事情。

你应该能够取消注释这些行，一切都应该正常工作。

Answer 2

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

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

Answer 3

AppComponent.ts中的bootstrap和main.ts文件中的bootstrapModule没有任何关系，你需要从项目中卸载bootstrap并安装angular-material并重新加载App！