Aurelia模块中@错误中的意外令牌

Question

当我运行Aurelia应用程序时，Chrome中出现以下错误。无论我在哪里，都会收到错误@。例如，@customElement和@bindable会给出错误。

我config.js看起来象下面这样：

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

Answer 1

@customElement和@bindable被称为decorators这是在JavaScript ES7的实验性功能，因此它是目前不被浏览器支持。

但巴贝尔也可以transpile这个功能回到ES5，然后可以通过常见的浏览器中执行

你只需要使用的es7.decoratorsoption配置此功能在巴贝尔：

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

您始终可以检查Aurelia navigation skeleton作为config.js或其他设置选项的参考。