SCRIPT438: SCRIPT438: Объект не поддерживает свойство или метод 'component' - PullRequest
Новая
       9

SCRIPT438: SCRIPT438: Объект не поддерживает свойство или метод 'component'

0 голосов
/ 14 декабря 2018

Мы пытаемся создать приложение SPA, используя Laravel + vue + bootstrap.

мы следовали этой статье: https://laravel -news.com / using-vue-router-laravel

но ни один компонент не загружается, и в консоли возникает ошибка: 

SCRIPT438: SCRIPT438: Object doesn't support property or method 'component'

файл app.js: 

require('./bootstrap');

window.Vue = require('vue');
window.Vue = require('vue-router');

Vue.component('example-component', require('./components/ExampleComponent.vue'));
Vue.component('application-component', require('./components/Application.vue'));
Vue.component('about-us-component', require('./components/About-US.vue'));
Vue.component('contact-us-component', require('./components/Contact-US.vue'));

const router = new VueRouter({
    mode: 'history',
    routes: [
        {
            path: '/',
            name: 'application',
            component: Application
        },
        {
            path: '/about-us',
            name: 'about-us',
            component: About-Us
        },
        {
            path: '/contact-us',
            name: 'contact-us',
            component: Contact-Us
        },
    ],
});

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

где проблема икак мы можем это исправить?

1 Ответ

0 голосов
/ 14 декабря 2018

Я надеюсь, что эта работа с вами 

var bootstrap = require('./bootstrap');

var Vue = require('vue');
var VueRouter = require('vue-router');
Vue.use(bootstrap);

var ExampleComponent = require('./components/ExampleComponent.vue');
var ApplicationComponent = require('./components/Application.vue');
var AboutUsComponent = require('./components/About-US.vue');
var ContactUsComponent = require('./components/Contact-US.vue');

const router = new VueRouter({
    mode: 'history',
    routes: [
        {
            path: '/',
            name: 'application',
            component: ApplicationComponent
        },
        {
            path: '/about-us',
            name: 'about-us',
            component: AboutUsComponent
        },
        {
            path: '/contact-us',
            name: 'contact-us',
            component: ContactUsComponent
        },
    ],
});

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