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

Question

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

Я нашел эту ветку проблемы github с решением добавить scriptType: 'text/javascript'в outputчасть webpack.config.jsфайл, но он не работает для меня.

Если вам нужна дополнительная информация о приложениях, вот ссылки на хост и удаленные репозитории.

@angular/cliверсия 13.0.2

@angular-architects/module-federationверсия 14.2.3.

Спасибо.

Answer 1

Я используюangular v14.1.1и"@angular-architects/module-federation": "^14.3.10", "@angular-architects/module-federation-tools": "^14.3.10", "ngx-build-plus": "^14.0.0".

После комментариевlibraryраздел имущества отremote mfe app webpack.config.js.Это работает для меня.

      module.exports = withModuleFederationPlugin({
  name: "angular14",
  // library: { type: "var", name: "angular14" },
  filename: "remoteEntry.js",
  exposes: {
    './web-components': './src/bootstrap.ts',
  },

  shared: {
    ...shareAll({ singleton: true, strictVersion: true, requiredVersion: 'auto' }),
  },

});

Не уверен, в чем причина, но может помочь кому-то и в этом.

Answer 2

Объединение модулей стало работать для автономного проекта Angular.

Только что установил вебпак 5.72.0как зависимость от разработчиков.

Webpack не был указан в зависимостяхpackage.jsonи я взглянул на его версию черезnode_modulesпапка, это было5.64.0.