Auth0示例Webpack解析错误

时间:2018-06-19 14:22:34

标签: webpack vuejs2 auth0

我正在尝试使用Auth0设置我的第一个vue.js 2应用程序。 API部分工作正常,但我在与auth0快速入门中所述的auth服务相关的webpack中遇到错误:https://auth0.com/docs/quickstart/spa/vuejs

Module parse failed: Unexpected token (18:8)
You may need an appropriate loader to handle this file type.
|   }
|
|   auth0 = new auth0.WebAuth({

我不太了解此类中使用的语法,因为auth0是import语句中使用的名称。我的应用程序是使用webpack生成的标准vue.js支架应用程序。

这是快速入门中的整个.js:

import auth0 from 'auth0-js'
import { AUTH_CONFIG } from './auth0-variables'
import EventEmitter from 'eventemitter3'
import router from './../router'

export default class AuthService {

  constructor () {
    this.login = this.login.bind(this)
    this.setSession = this.setSession.bind(this)
    this.logout = this.logout.bind(this)
    this.isAuthenticated = this.isAuthenticated.bind(this)
  }

  auth0 = new auth0.WebAuth({
    domain: 'omitted',
    clientID: 'omitted',
    redirectUri: 'http://localhost:3000/callback',
    audience: 'omitted',
    responseType: 'token id_token',
    scope: 'openid'
  })

  login () {
    this.auth0.authorize()
  }
}

1 个答案:

答案 0 :(得分:1)

我有同样的问题。原来auth0示例与最新的vue版本不兼容。 这个github回购似乎对我有用: https://github.com/DominikAngerer/auth0-vue