Как полностью удалить bootstrap из проекта angular 6?

Question

Я пытаюсь удалить загрузчик из моего углового проекта 6, чтобы я мог заменить его угловым материалом. Я попытался запустить 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 не использует начальной загрузки (фреймворк CSS).Строка, которую вы прокомментировали, является важной частью приложения.Из Википедии: В вычислениях загрузчик начальной загрузки является первым фрагментом кода, который запускается при запуске машины и отвечает за загрузку остальной операционной системы.

Так что bootstrap: [ AppComponent ] просто говорит Angular загрузитьэтот компонент первым.

Answer 2

Быстрый ответ:

Закомментированные вами строки на самом деле являются частью Angular, а не фреймворка Bootstrap UI.Я знаю, что соглашения об именах могут привести к путанице с таким большим количеством событий, но на самом деле вы хотите оставить их там.Они «запускают» приложение вместе, ничего не делая с bootstrap, если это имеет смысл.

Вы должны иметь возможность раскомментировать эти строки, и все должно работать как обычно.

Answer 3

Нет ничего общего с начальной загрузкой в ​​AppComponent.ts и начальной загрузкой в ​​файлах main.ts, вам нужно просто удалить загрузочную версию из вашего проекта, установить angular-material и перезагрузить приложение!