Javascript Laravel Vue组件不工作

我正在使用Laravel5.4并尝试实现vue.js。我创建了如下组件：

    <template>
     <li>This is a list item</li>
   </template>

<script>
    export default {
        ready() {
            console.log('Component ready.')
        }
    }
</script>

尝试在视图中使用它：

<div id="app">

<chat></chat>

</div>

但是我没有得到预期的视图。我应该得到一个

，但是没有。空白！！！ 在控制台中没有收到任何消息。我已经在互联网上搜索了三个小时以获得解决方案。我已经清除了我的缓存并在chrome中禁用了缓存。什么也没发生。我也试过firefox，但没有成功

---

另一个问题是我已经从components文件夹中删除了

Example.vue

。但是当我在视图中使用

时，它仍然工作。

我假设您调用了webpack.mix.js文件中的

app.js

文件，对吗？这个语法看起来不错，但是为什么不按照文档中的方式来尝试呢，就像这样：before:

Vue.component（'chat'，require（'./components/chat.Vue'）之后：
从“/components.Chat”导入聊天；Vue.组件（“聊天室”，聊天室）我已经解决了这个问题。我必须运行npm run dev命令。非常感谢。太好了。运行
npm运行watch
查看它。
<div id="app">

<chat></chat>

</div>