Token imprevisto a @ errore nel modulo Aurelia

Question

Quando eseguo un'applicazione Aurelia, ottengo il seguente errore in Chrome. Ottengo l'errore ovunque io abbia @. Ad esempio, @customElement e @bindable restituisce l'errore.

miei config.js appare come di seguito:

System.config({ 
    "baseURL": "/", 
    "transpiler": "babel", 
    "babelOptions": { 
    "optional": [ 
     "runtime" 
    ] 
    }, 
    "paths": { 
    "*": "*.js", 
    "github:*": "jspm_packages/github/*.js", 
    "npm:*": "jspm_packages/npm/*.js" 
    } 
}); 

Answer 1

@customElement e @bindable sono chiamati decorators che è una funzione sperimentale in JavaScript ES7, quindi non è al momento supportato dai browser.

Tuttavia babel può anche transpile questa funzione torna a ES5 che viene poi può essere eseguito dai browser più comuni

Hai solo bisogno di configurare questa funzione in babel con l'utilizzo del es7.decoratorsoption:

"babelOptions": { 
    "optional": [ 
     "es7.decorators", 
     "runtime" 
    ] 
    }, 

È sempre possibile controllare lo Aurelia navigation skeleton come riferimento per lo config.js o altre opzioni di configurazione.