laravelとpusherで非同期処理時にエラーが出る

Question

前提・実現したいこと

laravelでpusherを使って非同期処理を行おうと思っています。
その手始めに以下の記事を参考にして実装してみたところ、まったく動作しません。
URL:　https://qiita.com/sizukutamago/items/007c281670a17e09f74b

発生している問題・エラーメッセージ

![]

pushボタンを押したら「こんにちは」が表示されてほしいです。
しかし何も起こらず、コンソールに以下のエラーが表示されます。

Pusher : Error : {"type":"WebSocketError","error":{"type":"PusherError","data":{"code":4005,"message":"Path not found"}}}

行ってること

.envのファイルに、pusher_id,pusher_key,pusher_secret,pusher_clusterを入力済み
BROADCAST_DRIVER=pusherも定義してあります。

/config/broadcasting.php　にも上記を追加

/resources/assets/js/bootstrap.js に以下を追加

window.Echo = new Echo({
    broadcaster: 'pusher',
    key: process.env.MIX_PUSHER_APP_KEY,
    cluster: process.env.MIX_PUSHER_APP_CLUSTER,
    encrypted: true
});