Laravel Echo 未收到 Pusher 事件

Question

我在使用 Laravel Echo 收听 Pusher channel 时遇到问题。我无法在浏览器中得到任何响应(没有控制台日志)。

在我的 bootstrap.js 中我得到了。

import Echo from "laravel-echo"

window.Echo = new Echo({
     broadcaster: 'pusher',
     key: 'myPusherAppKey',
     cluster: 'mt1', //My app is US-EAST
     encrypted: true
});

我使用我的浏览器控制台并输入:

Echo.channel('my-channel')
    .listen('my-event', (e) => {
        console.log(e);
    });

我可以从 Pusher Debug Console 看到

连接我的应用程序

订阅我的 channel

占用我的 channel

然后我使用 Pusher 调试控制台发送默认事件:

Channel: my-channel 
Event: my-event
Data: {
       "name": "John",
       "message": "Hello"
       }

但是，我的浏览器控制台中没有任何输出 .

如果我进一步在浏览器控制台中输入:

Echo.leave('my-channel');

我可以从 Pusher 调试控制台看到

取消订阅我的 channel

腾出我的 channel

如何让 Laravel Echo 收听 Pusher 事件？

Answer 1

这是一个命名空间问题。 Laravel documentation解释它。

Echo will automatically assume the events are located in the App\Events namespace

因此，必须在 Pusher 调试控制台中更改事件名称，如下所示:

Event: App\Events\my-event