Aurelia modülünde @ hatasında beklenmeyen belirteci

Question

Bir Aurelia uygulaması çalıştırdığımda, Chrome'da aşağıdaki hatayı alıyorum. @'un bulunduğu her yerde hatayı alıyorum. Örneğin, @customElement ve @bindable hata verir.

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

Answer 1

@customElement ve @bindable JavaScript ES7 içinde deneysel bir özelliktir decorators denir, bu nedenle şu anda tarayıcılar tarafından desteklenmez:

Benim config.js aşağıda benziyor.

Ancak babel da o zamanlar yaygın olarak kullanılan tarayıcılar tarafından çalıştırılabilir olan ES5 için bu özelliği transpile olabilir

sadece es7.decorators option kullanarak babel bu özelliği yapılandırmanız gerekir

:

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

Aurelia navigation skeleton'u her zaman config.js veya diğer kurulum seçenekleri için referans olarak kontrol edebilirsiniz.