samturrell / vue-breadcrumbs

Breadcrumbs for Vue.js
MIT License
146 stars 27 forks source link

I got error Failed to mount component: template or render #25

Closed PetroGromovo closed 4 years ago

PetroGromovo commented 5 years ago

Hello, In my Laravel 5.8/vuejs 2.6 app I installed https://github.com/samturrell/vue-breadcrumbs components. I added definitions to resources/js/routes.js, but I got error :

app.js?dt=1569060337:129470 [Vue warn]: Failed to mount component: template or render function not defined.

found in

---> <VueBreadcrumbs>
       <AppHeader> at resources/js/components/BS4/AppHeader.vue
         <Root>

When I tried to use this component in my header component resources/js/components/BS4/AppHeader.vue:

<template>
    <div class="app_header_container">

                <vue-breadcrumbs></vue-breadcrumbs>

    </div>

</template>

<script>
    import {bus} from '../../app';
    import appMixin from '../../appMixin';

    import Vue from 'vue';

    import VueBreadcrumbs from 'vue-breadcrumbs';
//    Vue.use(VueBreadcrumbs)

    Vue.use(VueBreadcrumbs, {
        template: '<nav class="breadcrumb" v-if="$breadcrumbs.length"> ' +
            '<router-link class="breadcrumb-item" v-for="(crumb, key) in $breadcrumbs" :to="linkProp(crumb)" :key="key">{{ crumb | crumbText }}</router-link> ' +
            '</nav>'
    });

    export default {

        components: {
            VueBreadcrumbs // Register your component
        },

        data: function () {
            ...

Are there some parameter which must be set in definition of <vue-breadcrumbs ?

sergeynilov commented 4 years ago

Salved, Please close it