Веб-пакет 3: как настроить веб-пакет для предотвращения конфликтов с другими пакетами при загрузке другим веб-приложением? - PullRequest
1 голос
/ 08 февраля 2020

У нас есть приложение React, созданное с помощью приложения Create React с Typescript и webpack 3 с разделенными блоками. Наше приложение используется на сайтах наших клиентов - они загружают его на свой сайт с помощью тега скрипта, а затем запускают его. Когда наше приложение запускается, оно добавляет новый элемент в тело и отображает его в нем.

До сих пор это решение отлично работало, но теперь у нас есть новый клиент, который испытывает какое-то состояние sh между их комплектом и нашим при интеграции нашего модуля в их веб-сайт.

Указанная ошибка c, которую мы видим, такова: Uncaught (in promise) TypeError: Cannot read property 'createElementNS' of undefined. Эта ошибка исходит от первого чанка. Я думаю, что это происходит потому, что загружен только первый чанк, а не последующий / s, что, вероятно, происходит из-за клава sh между бандлами.

Я добавил следующее в нашу конфигурацию в попытке решить эту проблему:

output: {
    // ...
    jsonpFunction: 'wpJsonpChargeAfter',
}

Но ошибка все еще сохраняется.

Я начинаю думать, может быть, мне нужно что-то изменить в libraryTarget, чтобы предотвратить кла sh. Возможно, установите для него значение umd?

Итак, главный вопрос здесь: что мне нужно изменить в конфигурации веб-пакета, чтобы разрешить запуск пакета веб-пакета в другом веб-приложении без каких-либо конфликтов?

Любая помощь будет оценена.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...