Laravelは "エコーはエコーが定義されていません"というエラーを生成します

Question

私はLaravel Event Broadcastingで作業していますが、イベントを送信するためのプッシャードライバとその動​​作が完璧です。

公共チャンネルは、プッシャーがjsライブラリ

var pusher = new Pusher('xxxxxxxxxxxxxxxxxxxxx_my_app_key', { 
    encrypted: true 
}); 

var channel = pusher.subscribe('TestPusher'); 
    channel.bind('App\\Events\\TestPusher', function(data) { 
alert(data.msg); 
}); 

を提供使用してクライアント側から首尾よく購読されているが、私は私のクライアント側のコードは、エラーが発生し

Echo.channel('TestPusher') 
    .listen('TestPusher', (e) => { 
     console.log(e.msg, e.chatMessage); 
    }); 

でエコーを使用する場合、「エコーではありません定義された "。

私のアプリケーションにnpm install --save laravel-echo pusher-jsを使用してLaravel Echoライブラリをインストールしました。さらに、laravel提供のドキュメントに従ってresources/assets/js/bootstrap.jsファイルに次のコードを含めました。

import Echo from "laravel-echo" 

window.Echo = new Echo({ 
    broadcaster: 'pusher', 
    key: 'xxxxxxxxxxxxxxxxxxxxx_my_app_key' 
}); 

この問題を解決する方法を教えてください。

Answer 1

数日前にこの問題が発生しました。私のギャルのインストールはすべてうんざりしてしまい、Laravelのバージョン管理は役に立たなかった。これが解決しない場合は

申し訳ありませんが、それはちょうど私の経験と可能な限り最も詳細です：

まず、私はあなたがjsファイルを持っている検討します/スクリプトは、あなたのサイトに含まapp.js。

Joshが述べたように、jsファイルをコンパイルしていないため、このエラーが表示されます。 'resources/assets/js/bootstrap.js'を編集した後、アセットコンパイラ：gulp（Laravel Elixir docs/5.3/elixir）を実行してこのファイルをコンパイルする必要があります。

チュートリアルのこの部分を注意深く読んだら、laravelのnpm依存バージョン、特にElixirで使用されているバージョンに特に注意する必要があります（エラーメッセージが表示されなくてもgulpのインストールはまったく機能しませんでした）。

これが新しいプロジェクトの場合は、Laravel 5.4にアップデートすることを検討する必要があります。 Laravelのすべてのフレームワークを更新できない場合やそうでない場合は、おそらくこれは私のように解決できます。 5.3にとどまっていますが、最新の資産コンパイラ5.4を使用して、Laravel Mixという名前を付けました。今度はnpm：npm run devで動作します。

このを達成するために（DOCに言及した。何ゴクゴク）は、あなたがlatest package.json on 5.4にを更新しないとLaravelミックスをインストールする 5.4のドキュメントに従ってください。

Answer 2

あなたのコードは正常に見える、問題はそのため:)各エコーの前に

Answer 3

未亡人オブジェクトをジグザグこれだけあなたが

<script> 
Echo.channel('TestPusher') 
    .listen('TestPusher', (e) => { 
     console.log(e.msg, e.chatMessage); 
    }); 
</script> 


<script src="echo.js"></script> 

のように未定義の問題

を取得し、あなたのJSのオーダーです。

window.Echo.channel('TestPusher') 
    .listen('TestPusher', (e) => { 
     console.log(e.msg, e.chatMessage); 
    }); 

Answer 4

私の問題は、私はapp.jsからラインrequire('./bootstrap')を削除していたので、私は、コードの残りの部分と一緒にbootstrap.jsをコンパイルしていなかったということでした。私はそのラインを戻して、私は家にいて乾いていた。 As described here