Unexpected token import : vue js with laravel

Question

I have created laravel setup and trying to configure vue js. for that i wrote code in app.js file

import Vue from 'vue';

import VueRouter from 'vue-router';
Vue.use(VueRouter);

import VueAxios from 'vue-axios';
import axios from 'axios';
Vue.use(VueAxios, axios);

import App from './App.vue';
import CreateItem from './CreateItem.vue';
import DisplayItem from './DisplayItem.vue';
import EditItem from './EditItem.vue';

But it's giving me in chrome error like: Uncaught SyntaxError: Unexpected token import

and in firefox it is giving error like : import declarations may only appear at top level of a module

stackoverflow.com/questions/41722621/…

samayo
– samayo

2017-12-09 08:07:49 +00:00
Commented Dec 9, 2017 at 8:07 — samayo
– samayo, Commented Dec 9, 2017 at 8:07

nicolast · Accepted Answer · 2017-12-10 16:48:39Z

1

You should keep your import at the top of your file, like this :

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


import App from './App.vue';
import CreateItem from './CreateItem.vue';
import DisplayItem from './DisplayItem.vue';
import EditItem from './EditItem.vue';

Vue.use(VueRouter);
Vue.use(VueAxios, axios);

answered Dec 10, 2017 at 16:48

nicolast

7327 silver badges21 bronze badges

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

Collectives™ on Stack Overflow

Unexpected token import : vue js with laravel

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related