Описание тега angular-module-federation

0 ответов

Angular 12: Module Federation- фоновое изображение в приложении оболочки неправильно загружается в хост-приложение

У меня есть дочерний mfe, который устанавливает фоновое изображение div с помощью url() .div-class { background:transparent url(../../../assets/image.gif) no-repeat } Этот URL-адрес правильно ссылается на подарок при независимом запуске. Однако при …
13 май '22 в 20:51
1 ответ

Как использовать Angular Module Federation для импорта всего приложения

Я новичок в Ng Module Federation, но думаю, что у меня есть суть. Моя проблема в том, что большинство ссылок, которые я видел, либо импортируют один компонент, либо модуль, который лениво загружается в маршрутизатор. Я хотел бы включить на страницу …
0 ответов

Федерация модулей Angular 12: загрузка 2 компонентов из одной удаленной записи

У меня есть отдельный проект, в котором представлен модуль, содержащий 2 компонента (A и B). В моем текущем проекте я загружаю модуль с помощью loadRemoteModule() и создаю отдельные компоненты для создания A и B, используя фабрику компонентов для ка…
05 май '22 в 16:52
2 ответа

Angular Module Federation с несколькими репо не работает

Мне удалось создать проект монорепозитория с несколькими микроинтерфейсами без каких-либо проблем, но я изо всех сил пытаюсь добавить микроинтерфейс из другого репо. Оболочка: webpack.config.js new ModuleFederationPlugin({ library: { type: "module" …
0 ответов

Angular Module Federation отбрасывает оболочку приложения при обновлении страницы

Оболочка приложения может загружать пульт дистанционного управления при активации маршрута /путешествия. Сначала все в порядке, но когда я обновляю страницу, оболочка приложения выбрасывается, а корневой компонент оболочки больше не является частью …
0 ответов

Ошибка ChunkLoad с Angular и модулем Federation

Я пытаюсь создать угловой micro-frontendsс использованием module federation. Следуя этому руководству (часть angular CLI), я создал 3 проекта в рабочей области angular: shell , admin и dashboard . Я пытаюсь создать простой пример микро-интерфейса, и…
1 ответ

Федерация модулей — Uncaught SyntaxError: неожиданный токен ':' Angular 13 при использовании MFE

Я пытаюсь использовать MFE, используя webpack 5, федерацию модулей с angular 13. Однако, когда я запускаю приложение, я получаю сообщение об ошибке ниже. Uncaught SyntaxError: неожиданный токен ':' Ошибка, возникающая с приведенным ниже кодом в webp…
1 ответ

Угловой федеративный модуль не может быть загружен, когда маршрут будет активирован

Я пытаюсь создать очень простую федерацию модулей с оболочкой (хост) и путешествием (удаленно). Всякий раз, когда я пытаюсь динамически загрузить AbcModule из путешествия, я получаю следующую ошибку в оболочке: Ошибка ERROR: Uncaught (в обещании): T…
1 ответ

Маршрут загрузки вложенного приложения федерации модулей

У меня есть приложение в приведенной ниже структуре ---Главное приложение (роутер-розетка>) --Animal() -Dashboard. (ссылка на приложение/собаку/панель управления) --Animal (роутер-выход>) -Dashboard (url app/cat/dashboard) Теперь я хочу раздел…
1 ответ

загружать два разных приложения рядом на панели инструментов, используя Angular и Module Federation

У меня есть 2 разных приложения Angular [Product View и Product Cart] и приложение-оболочка. Все 3 приложения размещены на разных портах. В приложении оболочки я интегрировал вышеуказанные приложения, используя федерацию модулей. Оба приложения прек…
0 ответов

Как получить доступ к маршрутам дочерних приложений микроинтерфейса в приложении Shell [Angular 13]

В моем удаленном приложении у меня есть следующие маршруты: const routes: Routes = [ { path: '', component: RNDFirstComponent, pathMatch: 'full', }, { path: 'rnd2', component: RNDSecondComponent, pathMatch: 'full', }, { path: 'rnd3', component: RNDT…
0 ответов

Как загрузить два разных приложения рядом с помощью Angular и Module Federation

У меня есть 2 разных приложения Angular [Product View и Product Cart] и приложение-оболочка. Все 3 приложения размещены на разных портах. В приложении оболочки я интегрировал вышеуказанные приложения, используя федерацию модулей. Оба приложения прек…
3 ответа

Хостинг IIS федерации модулей Angular 13 выдает ошибку CORS для MF

У меня есть приложение оболочки [angular 13], размещенное в моем локальном IIS на порту 2000, и приложение MF, размещенное в IIS на порту 1001. Я загрузил свой MF в приложении оболочки, используя динамическую федерацию модулей в маршруте оболочки. c…
2 ответа

Федерация угловых модулей. Uncaught (в обещании): TypeError: container.init не является функцией

Я создал два приложения федерации модулей angular, используя плагин федерации модулей angular, но столкнулся с ошибкой Uncaught (in promise): TypeError: container.init is not a functionпосле загрузки ссылки на изображение ошибки удаленного компонент…
0 ответов

Угловые приложения Multi Repo не работают с интеграцией федерации модулей

У меня есть два автономных угловых приложения: одно — оболочка, размещенная на порту 5000, а другое — приложение mfe, размещенное на порту 3000, добавлен плагин angular-architects/module-federation и выполнены необходимые проводки. Перезапустил прил…
1 ответ

Микрофронтендная связь между хостом и удаленным

Мне нужно обмениваться данными между оболочкой и удаленным в моем приложении микрофронтенда (с федерацией модулей). Все в порядке, используя CustomEvent, когда удаленное устройство связывается с оболочкой, проблема заключается в том, что оболочке не…
0 ответов

Микрофронтенды с использованием Module Federation (Angular и Vue)

Мне нужно построить архитектуру микрофронтенда с помощью Module Federation, и мои приложения будут создаваться с помощью Vue и Angular. Именно я создам 2 приложения на Angular и 1 на Vue. Моя проблема в том, что я застрял в том, как настроить веб-па…
0 ответов

Как обращаться к хешированному файлу remoteEntry.xxxxxx.js при маршрутизации с помощью loadRemoteModule в федерации модулей

Я хочу использовать хешированный remoteEntry , чтобы преодолеть проблему кэширования remoteEntry.js в приложениях с микроинтерфейсом. тока я использовал filename: 'remoteEntry.[hash:16].js', в моем mfe webpack.config.js, но не знаю, как решить эту п…
0 ответов

Файл remoteEntry.mjs из ModuleFederation не загружается в IIS

Я разработал базовый демо-проект микро-фронтенда, используя nx, модульную федерацию с angular. Когда я пытаюсь разместить его на своем IIS, удаленные приложения работают нормально, но приложение оболочки хоста (или) не загружается. Файл remoteEntry.…
1 ответ

angular, федерация модулей без обмена ошибками Inject

У меня есть угловые 12 приложений микрофронтенда, которые отлично работают, если я делюсь основными компонентами, подобными этому. shared: { '@angular/core': { eager: true, singleton: true }, '@angular/common': { eager: true, singleton: true }, '@an…