Laravel，VueJS[Vue warn]：未知自定义元素：您是否正确注册了组件？

我不确定我遗漏了什么，一切似乎都设置正确：

app.js

window.Vue = require('vue');


    import CategoriesDataTable from './components/categories/CategoriesDataTable.vue';

    const app = new Vue({
        el: '#app',
        components : {
            CategoriesDataTable,
        },
    });

CategoriesDataTable.vue：

<template>
    <section class="table-container">
        <table>
            <thead></thead>
        </table>
    </section>
</template>

<script>
export default {
    name : 'CategoriesDataTable',
    data() {
        return {}
    }
}
</script>

<style>

</style>

test.blade.php

@extends('master')

@section('title', 'Add Category')

@section('app')
<CategoriesDataTable></CategoriesDataTable>
@endsection

我检查了拼写，但仍然得到了答案

app.js:37926 [Vue warn]: Unknown custom element: <categoriesdatatable> - did you register the component correctly? For recursive components, make sure to provide the "name" option.

---

我面临同样的问题，在我的情况下，我忘记了命令：

---

Npm run watch

我遇到了同样的问题，在我的情况下，我忘记了命令：

---

Npm run watch

在刀片模板中，您可以尝试以下操作：

<categories-data-table></categories-data-table>

---

然后执行npm run watch。

在刀片模板中，您可以尝试以下操作：

<categories-data-table></categories-data-table>

---

然后执行npm run watch。

在模板中尝试烤肉串案例，类别数据表。你不需要在别处改变它。注意：错误消息以小写形式显示组件名称。这是因为模板在到达Vue之前被浏览器解析为HTML。另请参见感谢@shirtle。成功了。假设在CategoriesDataTable.vue中，我将名称更改为so name:“add category”，然后在est.blade.php中，我将元素更新为so，为什么这样不行？我想我不知道name属性是如何使用的。如果您仍然有组件：{CategoriesDataTable}，那么当您创建Vue实例时，它将在该根模板中使用该名称。您可以在上阅读有关名称配置选项的更多信息，但实际上它并没有您预期的那么重要。非常感谢！！在模板中尝试烤肉串案例，类别数据表。你不需要在别处改变它。注意：错误消息以小写形式显示组件名称。这是因为模板在到达Vue之前被浏览器解析为HTML。另请参见感谢@shirtle。成功了。假设在CategoriesDataTable.vue中，我将名称更改为so name:“add category”，然后在est.blade.php中，我将元素更新为so，为什么这样不行？我想我不知道name属性是如何使用的。如果您仍然有组件：{CategoriesDataTable}，那么当您创建Vue实例时，它将在该根模板中使用该名称。您可以在上阅读有关名称配置选项的更多信息，但实际上它并没有您预期的那么重要。非常感谢！！当你们在camelcase中注册组件时，你们必须这样放置在blade中：当你们在camelcase中注册组件时，你们必须这样放置在blade中：你们可以在评论中这样说，你们可以在评论中这样说