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

Question

我创建了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 错误，例如：未捕获的SyntaxError：意外的令牌导入

并且在 firefox 中会出现如下错误：导入声明可能只出现在模块的顶层

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