意外的令牌导入：带有 laravel 的 vue js答案

【问题标题】：Unexpected token import : vue js with laravel意外的令牌导入：带有 laravel 的 vue js
【发布时间】：2018-05-23 09:52:09
【问题描述】：

我已经创建了 laravel 设置并尝试配置 vue js。为此，我在 app.js 文件中编写了代码

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';

但它给了我 chrome 错误，例如：Uncaught SyntaxError: Unexpected token import

并且在 firefox 中会出现如下错误：import declarations may only appear at top level of a module

【问题讨论】：

stackoverflow.com/questions/41722621/…

标签： laravel-5 vue.js

【解决方案1】：

你应该把你的导入放在文件的顶部，像这样：

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);

【讨论】：