window.Echo中的问题

Question

我正在关注 this tutorial to implement Pusher in Laravel 5.4

以下是一步一步的事情。

1. composer require pusher/pusher-php-server
2. npm install --save laravel-echo pusher-js
3. 在resources/assets/js/bootstrap.js
中实例化了Echo实例
4. 在env和bootstrap.js文件中初始化推送键。

最后，我在下面用刀片编写了代码。

<script>
    debugger;
    window.Echo.channel('SendMessageChannel.1')
        .listen('.App.Events.SendMessageEvent', (e) => {
            console.log(e);
        });
</script>

还在布局中添加了<script src="{{ asset('js/app.js') }}"></script>引用。 在调试时，我发现window.Echo未定义。

我错过了什么吗？

Answer 1

安装laravel-echo和pusher-js后，需要运行npm run dev，以便app.js可以拥有这两个库。