Cannot use property decorator @Prop in vue

Question

I have a component in Vue 2:

import Vue from 'vue';
import Component from 'vue-class-component';
import Prop from 'vue-property-decorator';

@Component({
  template: require('./template.html'),
})

export class SuklTableApprComponent extends Vue {

  @Prop() 
  type: any;

  @Prop()
  data: any;

  mounted() {}

}

I am doing it as stated in documentation, but typescript won't let me use that @Prop decorator. It throws an error:

TS2349: Cannot invoke an expression whose type lacks a call signature. Type 'typeof "/home/tomasturan/programming/sukl/reg-dis-forms-v2/node_modules/vue-property-decorator/li...' has no compatible call signatures.

Why is that? I have a simmilar project where everything seems to be configured the same and there it works. Why is it throwing this error?

Are you even reading what is in my post and what is in the post you copypasted here? — Incredible

Titian Cernicova-Dragomir Titian Cernicova-Dragomir · Accepted Answer · 2018-01-29T21:41:27

I think the problem is with your import statement.

import Vue from 'vue';
import Component from 'vue-class-component';
import { Prop } from 'vue-property-decorator'; // no default import, used { Prop } to import the decorator

@Component({
  template: require('./template.html'),
})
export class SuklTableApprComponent extends Vue {

  @Prop()
  type: any;
  @Prop()
  data: any;
  mounted() { }

}

Cannot use property decorator @Prop in vue

1 Answers