EventSource.js 不导出 NativeEventSource、EventSourcePolyfill
EventSource.js not exporting NativeEventSource, EventSourcePolyfill
我正在将 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>
)
}
我的构建失败了。它显示此错误
[ ERROR ] Rollup: Missing Export: src/dxp-notification.js:4:9
'NativeEventSource' is not exported by node_modules\event-source-polyfill\src\eventsource.js
我在最新版本的 node_modules 中包含了 event-source-polyfill。
我刚刚发现 stencil 应该为 eventsource polyfill 提供内置支持,这是最好的永久解决方案,或者我们可以在使用 polyfill 组件的同时加载脚本。
我正在将 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>
)
}
我的构建失败了。它显示此错误
[ ERROR ] Rollup: Missing Export: src/dxp-notification.js:4:9 'NativeEventSource' is not exported by node_modules\event-source-polyfill\src\eventsource.js
我在最新版本的 node_modules 中包含了 event-source-polyfill。
我刚刚发现 stencil 应该为 eventsource polyfill 提供内置支持,这是最好的永久解决方案,或者我们可以在使用 polyfill 组件的同时加载脚本。