eventsource - 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-notification.js:4:9 'NativeEventSource' 未由 node_modules\event-source-polyfill\src\eventsource.js 导出

我在 node_modules 中包含了最新版本的 event-source-polyfill。

Answer 1

我刚刚发现 stencil 应该为 eventsource polyfill 提供内置支持，这是最好和永久的解决方案，或者我们可以在使用 polyfill 组件的同时加载脚本。