使用類時使用Babel和JSX的SyntaxError

Question

我正在嘗試使用webpack，babel和jsx創建類

import Observable from '../../observable';


abstract class AbstractClient implements Observable  {
    var _name: string,
    var _config: object,

    function constructor(config: object) : variant,

    ...
}
export default AbstractClient;

這是我得到的錯誤：

ERROR in ./app/adapter/AbstractAdapter/aclient.jsx
Module build failed: SyntaxError: /home/vinz243/Documents/nTorrent/app/adapter/AbstractAdapter/aclient.jsx: Unexpected token (5:9)
  3 | 
  4 | 
> 5 | abstract class AbstractClient implements Observable  {
    |          ^
  6 |   var _name: string,
  7 |   var _config: object,
  8 | 

我的babel預設

 presets:['es2015','stage-0','react']

Answer 1

ES2015中沒有抽象類的語法支持，這就是為什么您會收到意外的令牌錯誤的原因。 abstract在es2015中也不是關鍵字，因此解釋器可能會將abstract解釋為變量名。

有一些在Javascript中實現抽象類模式的方法。

• ECMAScript 6是否有抽象類的約定？
• 如何在JavaScript中創建無法實例化的Abstract基類