Laravel&Vuejs - 你是否正确注册了组件？对于递归组件，请确保提供"name"选项。发现于

Question

[Vue 警告]： 未知的自定义元素： - 是否正确注册了组件？对于递归组件，请确保提供"name"选项。

我正在尝试使用拉拉维尔护照我遵循了 laravel.com/docs/5.7/passport 的过程但是当我启动页面时，我收到上述错误

应用.js

Vue.component(
'passport-clients',
require('./components/passport/Clients.vue').default
);
Vue.component(
'passport-authorized-clients',
require('./components/passport/AuthorizedClients.vue').default
);
Vue.component(
'passport-personal-access-tokens',
require('./components/passport/PersonalAccessTokens.vue').default
);
Vue.component('example-component', 
require('./components/ExampleComponent.vue'));

const app = new Vue({
    el: '#app',
    router,
    data:{
    search: ''
    },
    methods:{
    searchit(){
        Fire.$emit('searching');
    }
    }
 });

这是来自 developer.vue 的代码

<template>
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-md-12">
                <div class="card card-default">
                    <passport-clients></passport-clients>
                    <passport-authorized-clients></passport-authorized-clients>
                    <passport-personal-access-tokens></passport-personal- 
               access-tokens>
                </div>
            </div>
        </div>
    </div>
</template>
<script>
    export default {
        mounted() {
            console.log('Component mounted.')
        }
}
</script>

Answer 1

从组件末尾删除".default"可以节省我的一天。

Answer 2

更改 app.js 文件后，您必须运行以下代码才能解决此错误：

npm run dev

或：

npm run watch