Uncaught TypeError: Cannot set property 'app' of undefined Vue.js

Question

I wanted to setup a SPA using Laravel 5.4 and Vue2. I have following a tutorial (Jeffrey Way - Laracast). But i am getting this issue. Can not figure it out why this error in console?? :

Uncaught TypeError: Cannot set property 'app' of undefined
    at VueRouter (app.js:3149)
    at Object.<anonymous> (app.js:4266)
    at __webpack_require__ (app.js:20)
    at Object.<anonymous> (app.js:3343)
    at __webpack_require__ (app.js:20)
    at Object.<anonymous> (app.js:13749)
    at __webpack_require__ (app.js:20)
    at app.js:66
    at app.js:69

Here is my code below :

app.js

import router from './routes';

import './bootstrap';

var app = new Vue({
    el: '#root',
    router
});

routes.js

import VueRouter from 'vue-router';

let routes = [
        {
            path: '/',
            component: require('./views/Home')
        }
    ];

export default VueRouter({
    routes
});

bootstrap.js

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

window.Vue = Vue;
window.axios = axios;
Vue.use(VueRouter);

window.axios.defaults.headers.common = {
    'X-CSRF-TOKEN': window.Laravel.csrfToken,
    'X-Requested-With': 'XMLHttpRequest'
};

I can't find 'app' in here, can you find snippet like var app = new Vue({}) — Mukul Jain
– Mukul Jain, Commented Apr 15, 2017 at 19:27

Shuai Shen · Accepted Answer · 2017-04-22 04:09:14Z

12

export default new VueRouter({
  routes
});

add "new"

answered Apr 22, 2017 at 4:09

Shuai Shen

1214 bronze badges

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

Comments

4b0 · Accepted Answer · 2019-08-27 06:15:47Z

0

let routes = [
        {
            path: '/',
            component: require('./views/Home')
        }
    ];

export default new VueRouter({
    routes
});

edited Aug 27, 2019 at 6:15

4b0

22.4k30 gold badges97 silver badges143 bronze badges

answered Aug 27, 2019 at 6:15

Rajim

9776 silver badges4 bronze badges

Collectives™ on Stack Overflow

Uncaught TypeError: Cannot set property 'app' of undefined Vue.js

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related