[Vue warn]: Unknown custom element

Question

I am new to vuejs, While writing one js code inside laravel framework, I am getting error :

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

App.js

import Vue from 'vue'
import Vcinfo from './Vcinfo.vue'
import router from './router'

const app = new Vue({
    el: '#vcinfo',
    components: { Vcinfo },
    template: '<app></app>',
    router
})

please suggest what to do?

Your template contains <app></app>, but you do not import a component called app. — Bert
– Bert, Commented Aug 29, 2017 at 2:20

Avinash · Accepted Answer · 2017-08-29 06:46:28Z

1

This is for future reader. I made the mistake I had to use it like this.

import Vue from 'vue'
import Vcinfo from './Vcinfo.vue'
import router from './router'

const app = new Vue({
    el: '#vcinfo',
    components: { Vcinfo },
    template: '<vcinfo></vcinfo>',
    router
})

as per this import import Vcinfo from './Vcinfo.vue'

answered Aug 29, 2017 at 6:46

Avinash

2,1894 gold badges30 silver badges44 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

[Vue warn]: Unknown custom element

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related