EventSource.js не экспортирует NativeEventSource, EventSourcePolyfill

Question

Я добавляю polyfill к моему компоненту трафарета. вот мой файл component.tsx

    import { NativeEventSource, EventSourcePolyfill } from 'event-source-polyfill';
    const EventSource = NativeEventSource || EventSourcePolyfill;

    ...code ....

    export class Notification {
      ...code ..
      componentWillLoad () {
     const eventSource = new EventSource(this.serverUrl)
    eventSource.onmessage = function(e){
      let msg = e.data;
      myMsg.message=msg;
    };
    }
    }
render () {
const styles = [
<link rel="stylesheet" href={`${process.env.DXP_STYLE_BASE_URL}/dxp.css`}/>,
]
return (
<div class={this.base.componentClass()} dir={this.dir}>
{styles}
<p>{this.message}</p>
</div>
)
}

Моя сборка не удалась. это показывает эту ошибку

[ОШИБКА] Накопительный пакет: отсутствует экспорт: src / dxp -tification.js: 4: 9 NativeEventSource не экспортируется с помощью node_modules \ event-source-polyfill \ src \ eventsource.js

Я включил event-source-polyfill в node_modules с последней версией.

Answer 1

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