Vue中的Laravel-echo返回“私有不是函数”

Question

我正在尝试构建一个将Laravel Broadcast与laravel-echo和pusher结合使用的聊天应用程序，但是当我收听该频道时，它会返回laravel_echo__WEBPACK_IMPORTED_MODULE_6__.default.private is not a function

这是我的脚本：

<script>
  import ConfirmationModal            from "../pages/User/ConfirmationModal";
  import Message                      from '../models/Message';
  import Echo from 'laravel-echo'

  export default {
    name: 'UserLayout',
    components : {
      ConfirmationModal
    },
    data: () => ({
      isLoading : false,
      user : {},
      drawer: false,
      rawConversations : {},
    }),
    mounted () {
      this.user  = JSON.parse(localStorage.user);
      this.fetchConversations();
    },
    created () {
        Echo.private("userStatus").listen("StatusEvent", e => {
             console.log('Event listen CommentSent');
         });
    }
  }
</script>

这是我的目录。顺便说一句，我将Quasar Framework用于CSS，目录Laravel和Vue是分开的。