尝试创建一个新的.vue文件

Question

我尝试在组件目录中创建名为ChatMessage.vue的.vue文件，目录结构是这样的。

ChatMessage.vue具有与Example.vue

中相同的文件内容

以下是resources / assets / js / app.js中的参考资料。

Vue.component('example', require('./components/Example.vue'));
Vue.component('chat-message', require('./components/ChatMessage.vue'));

下面的代码显示了组件

<div id="app">
    <h1>Chat room</h1>
    <example></example>
</div>

以下代码未显示组件

<div id="app">
    <h1>Chat room</h1>
    <chat-message></chat-message>
</div>

我错过了什么吗？我刚创建了新的Laravel项目，然后如上所述工作。就是这样。到目前为止，在这个新创建的项目中没有其他任何工作。

如果您需要更多信息，请与我们联系..

我从未使用过gulp，这是我的项目结构。我可以确认没有gulp文件：

Answer 1

您需要实际构建资产。首先通过运行install命令确保安装NPM依赖项。

$ npm install

然后您可以使用Laravel Mix构建资产。

$ npm run dev

如果您希望他们在您处理项目时重建，请将dev换成watch。

要编译所有资产，首先需要运行npm install来安装所有依赖项。看看https://laravel.com/docs/5.4/mix