Unerwartete Token bei @ Fehler in Aurelia Modul

Question

Wenn ich eine Aurelia App ausführen, bekomme ich den folgenden Fehler in Chrome. Ich bekomme den Fehler, wo immer ich @ habe. Zum Beispiel gibt @customElement und @bindable den Fehler.

Mein config.js sieht unten wie:

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

Answer 1

@customElement und @bindable sind decorators genannt, die eine experimentelle Funktion in JavaScript ES7 ist, so ist es zur Zeit nicht von den Browsern unterstützt.

Jedoch kann babel auch diese Funktion wieder zu ES5 transpile die dann von den gängigen Browsern ausgeführt werden kann, ist

Sie müssen nur diese Funktion in babel konfigurieren, um mit den es7.decoratorsoption mit:

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

Sie können die Aurelia navigation skeleton immer als Referenz für die config.js oder andere Setup-Optionen überprüfen.