Question

我已经创建了auth0配置，现在我正在导入我的登录页面

{ "Keys": "carrot" }

我遇到了这个错误

import Vue from 'vue'
import Router from 'vue-router'


Vue.use(Router)


// create import statements
import login from './containers/login'
import home from './containers/home'
import dashboard from './containers/dashboard'
import projects from './containers/projects'
import auth from './auth'


// application routes

const routes = [

// each path will render each component when it experiences an event

{ path: '/', component: home },
{ path: '/dashboard', component: dashboard },
{ path: '/projects', component: projects }

]


// export router instance

/* Using mode : 'history '
This removes the hash from the url and gives
the app a cleaner url string
*/


export default new Router({
  mode: 'history',
  routes,

/* use link activeClass to indicate what
class to add to the navigation to make the menu item active

*/


  linkActiveClass: 'is-active'
})

在添加login.vue和auth.js之前，代码功能正常，但是当我输入代码时，它会返回上述错误。

我正在使用vue.js框架，而Auth0则用于安全性。

Answer 1

Import是ES2016中的一个关键字，它是一种新的JavaScript标准。对我而言，您似乎正在使用ES5，这是大多数浏览器目前可用的版本。要使用ES6功能，您需要使用Babel等工具将代码转换为ES5。如果您根据教程使用vue-cli创建项目，则应在项目中自动配置Babel。

当我尝试将vue组件连接到router.js文件时，我会收到什么错误？

1 个答案: