静态类属性不与Babel一起使用

Question

我正在使用JSDOC和它支持的所有npm插件来创建漂亮的文档.jsdoc正在运行并解析JSX文件时遇到困难,它总是会抛出错误,如下面的=符号所示

SyntaxError: unknown: Unexpected token
export default class SaveDesign extends Component {
 static displayName = 'SaveDesign';
}

conf.json文件

{
  "source": {
    "include": [ "src/app/test.js", "src/app/components/Modals/Template/SaveDesign.jsx"],
    "exclude": [ "src/fonts", "src/icons", "src/less", "src/vector-icon" ],
    "includePattern": ".+\\.js(doc|x)?$",
    "excludePattern": "(^|\\/|\\\\)_"
  },
  "plugins": ["node_modules/jsdoc-babel"],
  "babel": {
    "extensions": ["js", "es6", "jsx"],
    "presets": ["es2015"]
  },
  "jsx": {
    "extensions": ["js", "jsx"]
  }
}

Answer 1

类属性不是ES2015规范的一部分,因此它们也不属于ES2015 Babel预设.向该语言添加类属性的提议目前处于标准化过程的第2阶段,因此您需要第2阶段预设.

https://babeljs.io/docs/plugins/preset-stage-2/

或者,您可以自己安装类属性插件:

http://babeljs.io/docs/plugins/transform-class-properties/