为什么 windows.dispatchEvent() 在 Angular 9 中的 app.component.ts 上不起作用答案

【问题标题】：Why does windows.dispatchEvent() does not work on app.component.ts on Angular 9为什么 windows.dispatchEvent() 在 Angular 9 中的 app.component.ts 上不起作用
【发布时间】：2021-02-28 04:55:53
【问题描述】：

在我的 ngOnInit 中的 app.component.ts 中，我使用了这种称为 log 的方法来发送调度事件。当我将 Angular 应用程序加载到 Electron webview 标签中时，这将在预加载脚本中被监听。出于某种原因，我的 Angular 前端的所有其他部分都可以使用此调度，但是当我尝试在 app.component.ts 中执行此操作时，它永远无法正常工作。

public log(level: LogLevel, message: string) {
        const data = {
            message: '============== frontend : ' + message,
            level
        };
        window.dispatchEvent(new MessageEvent('logMessage', {
            data,
            bubbles: false,
            cancelable: false
        }));
    }

【问题讨论】：

标签： javascript angular typescript electron

【解决方案1】：

从这部分代码我看不出它为什么不起作用。检查另一边很重要，您正在收听此logMessage 事件。从 Angular 主组件触发 ngOnInit 事件可能会导致并发问题，您需要确保在触发此事件之前完成侦听器注册。

【讨论】：