Bootstrap Angular 18 с функцией инструментов объединения модулей

Я пытаюсь запустить проект с Angular 18, используя функцию «начальной загрузки» инструментов федерации модулей: Страница npm инструмента объединения модулей

Вот так и должно быть (как показано в официальных примерах):

import { AppModule } from './app/app.module';
import { environment } from './environments/environment';
import { bootstrap } from '@angular-architects/module-federation-tools';

bootstrap(AppModule, { //Would like to change this for my standalone AppComponent
  production: environment.production,
  appType: 'shell'
});

Как видите, функция начальной загрузки получает модуль, поэтому мой вопрос: Есть ли способ сделать это с помощью отдельного компонента вместо модуля? Или мне следует просто создать основной модуль в моем приложении Angular 18, чтобы он соответствовал спецификациям, требуемым библиотекой?

angular webpack-module-federation angular-module-federation angular18

31.08.2024 05:21

Тестирование функциональных ngrx-эффектов в Angular 16 с помощью Jest

В системе управления состояниями ngrx, совместимой с Angular 16, появились функциональные эффекты. Это здорово и делает код определенно легче для...

Angular и React для вашего проекта веб-разработки?

Когда дело доходит до веб-разработки, выбор правильного front-end фреймворка имеет решающее значение. Angular и React - два самых популярных...

Эпизод 23/17: Twitter Space о будущем Angular, Tiny Conf

Мы провели Twitter Space, обсудив несколько проблем, связанных с последними дополнениями в Angular. Также прошла Angular Tiny Conf с 25 докладами.

Угловой продивер

Оригинал этой статьи на турецком языке. ChatGPT используется только для перевода на английский язык.

Мое недавнее углубление в Angular

Недавно я провел некоторое время, изучая фреймворк Angular, и я хотел поделиться своим опытом со всеми вами. Как человек, который любит глубоко...

Освоение Observables и Subjects в Rxjs:

Давайте начнем с основ и постепенно перейдем к более продвинутым концепциям в RxJS в Angular

Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Не уверен, поддерживает ли @angular-architects/module-federation-tools автономный режим.

Но вы можете найти рабочий пример использования автономного компонента в MFE.

Представление конфигураций маршрутизатора с автономными компонентами (i/o NgModules) через объединение модулей

Если вас устраивает Native Federation, у вас есть лучшие примеры для автономных компонентов.

main.ts

import { initFederation } from '@angular-architects/native-federation';

initFederation()
  .catch(err => console.error(err))
  .then(_ => import('./bootstrap'))
  .catch(err => console.error(err));

bootstrap.ts

import { environment } from './environments/environment';
import { enableProdMode } from '@angular/core';
import { bootstrapApplication } from '@angular/platform-browser';
import { AppComponent } from './app/app.component';

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

bootstrapApplication(AppComponent, {
  providers: [
  ]
});