babeljs - Aurelia 模块中 @ 错误处的意外 token

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 中的一个实验性功能，因此目前浏览器不支持。

但是 babel 也可以将此功能转译回 ES5，然后可以由普通浏览器执行

你只需要在 babel 中使用 es7.decorators 来配置这个特性。 option :

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

您可以随时查看 Aurelia navigation skeleton作为 config.js 的引用或其他设置选项。