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

本文介绍了在Vue项目中使用TypeScript时常见的错误及其修正方法,强调了类成员变量及方法的正确声明方式。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

demo

<script lang="ts">
import { Component, Vue } from 'vue-property-decorator'
import HelloWorld from '@/components/HelloWorld.vue' // @ is an alias to /src

@Component({
  components: {
    HelloWorld
  },
  props: ['name'],
  computed: {},
  watch: {},
  mounted () {},
  created () {}
})
export default class Home extends Vue {
  // data
  a:number = 1;
  b: string = '我是字符串';
  c: boolean = true;
  d:object = {
    a: '你好',
    b: '77'
  }
  // methods
  function myClick () :void {
    alert('89089')
  }
}
</script>

在这里插入图片描述

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

在这里插入图片描述

参考

示例

错误

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(){
  }

}
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值