Laravel Echo不听推送事件

Question

我试图构建自己的pusher / vue js实时聊天应用程序。 MessageSent事件广播可以正常工作，但无法从Laravel Echo收听。我该如何解决这个问题：（

这是我的聊天组件代码

<script>
  export default {
    props: [
      'receiver_id',
      'sender_id'
    ],

    data() {
      return {
        message: null,
        messages: [],

      }
    },

    mounted() {
      window.Echo.private('chat.' + this.sender_id + '.' + this.receiver_id)
        .listen('MessageSent', (e) => {
          console.log(e)
        });

      axios.post('/get-messages', {
          receiver_id: this.receiver_id
        })
        .then(response => {
          this.messages = response.data
        })
        .catch(e => {
          console.log(e)
        })
    },
    methods: {
      formSubmit(e) {
        e.preventDefault();
        axios.post('/send-message', {
            message: this.message,
            receiver_id: this.receiver_id
          })
          .then(response => {
            this.messages.push(response.data)
            // console.log(response)
          })
          .catch(e => {
            console.log(e)
          })
        event.target.reset()
        this.message = null
      }
    }
  }

我需要您的帮助来解决此问题。 pusher log

我花了太多时间来解决这个问题，但每次都失败了。