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

然而，babel也可以将此功能转发回ES5，然后可以由常见的浏览器执行

您只需要使用es7.decorators option在babel中配置此功能：

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

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