尝试创建一个新的 .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

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

$ npm install

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

$ npm run dev

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

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

Trying to create a new .vue file