SystemJS: приложение умерло в статусе LOADING_SOURCE_CODE: не удается найти модуль

Итак, мы находимся в процессе настройки более крупного приложения, состоящего из нескольких приложений React. Мы используем инфраструктуру с одним SPA и запустили один-спа-портал-пример.

В примере SystemJS подключается непосредственно из папки portal/libs. Мы изменили его для управления через npm, и после запуска npm update мы теперь используем SystemJS v. 3.0.2.

Функция loadApp, определенная в /portal/src/helper.js, использует SystemJS.import() (изменила ее на import() с тем же результатом).

Webpack настроен на обслуживание файла singleSpaEntry.js, например, по URL-адресу http://localhost:9001/app1/src/singleSpaEntry.js (для приложения 1) в качестве модуля AMD. Это так хорошо, что я могу открыть этот файл прямо в браузере.

При открытии приложения портала в localhost:9000 я также могу убедиться, что функция loadApp работает. Однако я получаю следующее сообщение об ошибке:

Uncaught app1: Application 'app1' died in status LOADING_SOURCE_CODE: Cannot find module '/app1/src/singleSpaEntry.js' at http://localhost:9000/main.js:12500:11

Я получаю эту ошибку для каждого вспомогательного приложения, я пробовал несколько конфигураций веб-пакетов, но я предполагаю, что эта проблема связана либо с самим SystemJS, либо с тем, как модуль должен быть объявлен в singleSpaEntry.js.

Любая помощь приветствуется.

Вы смогли это исправить?

Ahmed 27.05.2021 04:48
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
1
1
7 020
1

Ответы 1

Сегодня у меня возникла головная боль с этой проблемой, и я смог решить ее, просто добавив .default в конфигурацию SystemJS.import(), я следовал этому репо, взгляните на строку 21, где он помещает .default в в конце концов, этого было достаточно, чтобы мои приложения работали нормально.

Надеюсь, поможет!

Как используется этот помощник? Я не вижу никакой конфигурации веб-пакета или каких-либо других конфигураций, которые где-либо подключают помощника.

Ahmed 27.05.2021 04:48

Другие вопросы по теме