할당 연산자에 예기치 않은 토큰이 있습니다.

Question

babel/webpack을 사용하여 javascript를 번역하려고하면 "="기호가 표시되지 않습니다. 이것이 일어날 수있는 모든 아이디어는 크게 강조 될 것입니다.

그래서

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

 

 
export default class AuthService 
 
{ 
 
    auth0=new auth0.WebAuth({ 
 
     domain: AUTH_CONFIG.domain, 
 
     clientID: AUTH_CONFIG.clientId, 
 
     redirectUri: AUTH_CONFIG.callbackUrl, 
 
     audience: `https://${AUTH_CONFIG.domain}/userinfo`, 
 
     responseType: 'token id_token', 
 
     scope: 'openid' 
 
    }) 
 
}

, 위의 예에서, auth0= 부분은 바벨/웹팩과 transpile되지 않습니다.

Answer 1

문제는 코드와 관련이 없습니다. 튜토리얼을 통해 컴파일하기 위해 설치해야하는 것이 무엇인지 명확하게 알 수 없습니다. 브라우저에서 아직 지원되지 않는 experimental class fields syntax을 사용하고 있으며 사용하려면 a Babel plugin이 필요합니다. 당신이 the .babelrc for the example code 보면

, 당신은 다음과 같은 사전 설정을 사용하고 볼 수 있습니다

"presets": [ 
    ["env", { "modules": false }], 
    "stage-2" 
], 

stage-2 사전 설정은 2 단계에서 모든 제안 된 자바 스크립트 기능을위한 플러그인을 포함하거나 표준화 과정의 이상 - 클래스 필드는 3 단계에 있으므로 포함됩니다.

클래스 필드는 향후 몇 년 내에 사양에 추가 될 가능성이 매우 높습니다. 실험실 기능을 사용하지 않으려는 경우에는 표준 ES2015 클래스 구문 :

export default class AuthService { 
    constructor() { 
     this.auth0 = new auth0.WebAuth({ 
      domain: AUTH_CONFIG.domain, 
      clientID: AUTH_CONFIG.clientId, 
      redirectUri: AUTH_CONFIG.callbackUrl, 
      audience: `https://${AUTH_CONFIG.domain}/userinfo`, 
      responseType: 'token id_token', 
      scope: 'openid' 
     }); 
    } 
}