#angular #micro-frontend
Вопрос:
я разрабатываю 2 угловых проекта ( разные репо), запущенных на порту 4200:
маршрутизация проекта 1(хост)
{ path: 'contact', loadChildren: () =gt; loadRemoteModule({ remoteEntry: 'http://localhost:3000/remoteEntry.js', remoteName: 'mfe1', exposedModule: './Module' }) .then(m =gt; m.ContactModule) }
веб-пакет проекта 2 (удаленный) запущен на порту 3000:
name: "mfe1", filename: "remoteEntry.js", exposes: { './Module': './src/app/contact/contact.module.ts', }
загрузка remoteEntry.js работает правильно, но потом я получил ОШИБКА Ошибка: Не пойман (в обещании): Ошибка загрузки: Ошибка загрузки фрагмента src_app_contact_contact_module_ts http://localhost:4200/src_app_contact_contact_module_ts.js
почему это remoteEntry.js правильно загружается на порт 3000, но модуль 2-го проекта загружается с порта 4200 вместо http://localhost:3000/src_app_contact_contact_module_ts.js
Комментарии:
1. Есть ли у вас конфигурации webpack как для хоста, так и для удаленного? У вас есть boot.ts, который импортирует main.ts? Боюсь, здесь недостаточно информации.
2. да, у меня есть webpack.config.ts в обоих приложениях, а также main.ts, настроенный с помощью начальной загрузки
3. Странный. Правильно ли работает ваш пульт дистанционного управления как отдельное приложение?
4. да, конечно, он работает как автономный!
5. я решил проблему с помощью -gt; publicPath: «авто», теперь я столкнулся с проблемой другого рода, Ошибка синтаксиса не обнаружена: import.meta может появиться только в проблеме модуля в mfe1remoteEntry.js