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被称为装饰器,这是JavaScript ES7中的实验性功能,因此浏览器目前不支持它.

然而,babel也可以将此功能转发回ES5,然后可以由通用浏览器执行

您只需要使用以下es7.decorators 选项在babel中配置此功能:

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

您始终可以检查Aurelia导航骨架作为config.js或其他设置选项的参考.