错误：在vue中使用typescript的时候报错“Unexpected token. A constructor, method, accessor or property was expected

超、凢脫俗 2021-12-05 15:45 263阅读 0赞

## demo ##

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0dhYnJpZWxfd2Vp_size_16_color_FFFFFF_t_70]

**原因**  
在typescript中定义一个类的时候，不能使用`let` `const` `var`来声明成员变量;在其内部，也禁止使用`function`关键字来声明类中的方法，上面报错去掉方法`myClick`前面的`function`关键字就好了

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0dhYnJpZWxfd2Vp_size_16_color_FFFFFF_t_70 1]

[参考][Link 1]

## 示例 ##

### 错误 ###

export class AppComponent { 
    
      a: string = "foo";
      b: string = "bar";
    
    
      foo(): void {  }
    
      constructor(){ 
      }
    
    }

### 正确 ###

export class AppComponent { 
    
      var a: string = "foo";
      let b: string = "bar";
    
    
      function foo(): void {  }
    
      constructor(){ 
      }
    
    }

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0dhYnJpZWxfd2Vp_size_16_color_FFFFFF_t_70]: /images/20211205/e15770921f5a4ff4925b1e6966da00d3.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0dhYnJpZWxfd2Vp_size_16_color_FFFFFF_t_70 1]: /images/20211205/1f033af515ad410cb9f1ad34b85bde22.png
[Link 1]: https://stackoverflow.com/questions/45464245/angular-unexpected-token-a-constructor-method-accessor-or-property-was-expe