Федерация угловых модулей - общий доступ к удаленному компоненту

Question

Я использую angular 11 с федерацией модулей webpack 5. В планах выставить компонент из пультов.

      exposes: {
 "component": ".//src/app/app.component.ts"
}

при импорте import {component} из "mfe @ component"

Я получаю сообщение об ошибке сборки "не могу найти mmodule" mfe1 @ component "

как использовать удаленно открытый компонент во время разработки

Answer 1

Указанный вами путь неверен. ./ отсутствует в начале имени компонента. измените его на, как показано ниже.

      exposes: {
      "./component": "./src/app/app.component.ts"
 }

Answer 2

Вы добавили удаленную конфигурацию в webpack.config.js в приложении оболочки?

       remotes: {
     "mfe1": "http://localhost:5000/remoteEntry.js",
 },

Answer 3

Я думаю, что это будет работать только для автономных компонентов, которые поддерживаются с angular 14 и выше, в предыдущих версиях вам нужно выставить модуль.