Javascript Laravel Vue.js组件注册

我正在使用Laravel创建一个简单的Vue.js应用程序。我已在以下网站注册了Vue.js：

import Vue from 'vue';
import VueRouter from 'vue-router';

Vue.use(VueRouter);

import App from './components/App';

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

如果我创建一个自定义组件，它可以正常工作：

Vue.component('nav-section', {
    template: `<div>This is odd</div>`
});

它不再工作了<代码>为空，为空。 npm或控制台中没有错误。我是不是遗漏了什么，或者背后有什么逻辑

Navigation.vue:

<template>
    <div>
        <span>Sample text</span>
    </div>
</template>
<script>
export default {}
</script>

import Vue from 'vue';
import VueRouter from 'vue-router';

Vue.use(VueRouter);

import App from './components/App';

Vue.component('nav-section', require('./components/Navigation'));


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

---

用扩展名和

default

，试着这样写：

Vue.component（'nav-section'，require（'./components/Navigation.Vue'）。默认值）；

哦，天哪，我甚至没想过要这样尝试。非常感谢您提供此解决方案：-）。所以，只要附加了默认值。vue“仍然”是不必要的：-）我原以为可能会这样，但我认为彻底检查不会有什么坏处。：）

import Vue from 'vue';
import VueRouter from 'vue-router';

Vue.use(VueRouter);

import App from './components/App';

Vue.component('nav-section', require('./components/Navigation'));


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