Vue компонент не виден

Question

Мое приложение, js:

Vue.component('member-edit', require('./components/MemberEdit.vue'));
Vue.component('billings', require('./components/Billings.vue'));

При редактировании члена моего компонента нужно использовать биллинг компонента, как это в html dom:

                <billings></billings>

и ниже в сценарии:

    import {Billings} from '../components/Billings.vue'
    components: {
        Billings,
    },

Мой платежный компонент имеет следующее имя:

 export default {
    name: "billings",
}

Но все равно у меня ошибка:

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

Где моя ошибка? Имя моего компонента: Billings.vue

Answer 1

Удалите {} из импорта.

{} используется для деструктурирующего задания , которое не требуется для вашего случая.

Просто используйте

import Billings from '../components/Billings.vue'