使用CustomEvents时的Typescript错误

使用CustomEvents时的Typescript错误,typescript,events,Typescript,Events,编辑: 这项工作: addEventListener("MyCustomEvent", function(e) { console.log(e.detail); }); class Foo { constructor() { document.addEventListener("MyCustomEvent", this.Bar); } Bar = (e: CustomEvent): void => { co

编辑:

这项工作:

addEventListener("MyCustomEvent", function(e) {
    console.log(e.detail);
});
class Foo
{
    constructor()
    {
        document.addEventListener("MyCustomEvent", this.Bar);
    }

    Bar = (e: CustomEvent): void =>
    {
        console.log(e.detail);
    }
}
这是有效的:

addEventListener("MyCustomEvent", function(e) {
    console.log(e.detail);
});
class Foo
{
    constructor()
    {
        document.addEventListener("MyCustomEvent", this.Bar);
    }

    Bar = (e: CustomEvent): void =>
    {
        console.log(e.detail);
    }
}
但Typescript在这两方面都有错误

在第一个示例中,当我访问e.detail时,et给出一个错误,但如果我这样做:

addEventListener("MyCustomEvent", function(e: CustomEvent) {
    console.log("Working!");
});
我收到一个“没有重载匹配此调用”错误


在第二个示例中,由于我调用了
this.Bar

发布了一个最小的可复制示例,因此我还得到了一个“没有重载匹配此调用”@Paul我发布的代码是一个最小的可复制示例。如果我将其粘贴到我的编辑器(visual studio代码)中,我会得到我提到的两个错误。我也这么做了,没有看到
“没有重载匹配此调用”
@Paul检查我刚刚编辑到文章中的链接。此处显示错误。您需要指定要将事件附加到的目标。发布一个最小的可复制示例@Paul我发布的代码是一个最小的可复制示例。如果我将其粘贴到我的编辑器(visual studio代码)中,我会得到我提到的两个错误。我也这么做了,没有看到
“没有重载匹配此调用”
@Paul检查我刚刚编辑到文章中的链接。此处显示错误。您需要指定要将事件附加到的目标。