Template interpolation error - argument type is not assignable.

• [√] I have searched through existing issues
• [√] I have read through docs
• [√] I have read FAQ

Info

• Platform: macOS
• Vetur version: 0.21.0
• VS Code version: 1.34

Problem

I don’t get any errors in Vue Language Server output.

Reproducible Case

Once I add "vetur.validation.template": true, and "vetur.experimental.templateInterpolationService": true, to my settings.json of VSCode I get an error in each .vue file I open. These files are SFC of vue. I’m using partially TypeScript and partialy JS in my code. tsconfig.js seems to be configured properly with includes of files and path of ‘@/*’.

Argument of type ‘{ props: { message: { type: StringConstructor; default: string; }; id: { type: NumberConstructor; default: any; }; type: { type: StringConstructor; default: string; }; contentType: { type: StringConstructor; default: string; }; instanceType: { …; }; coach: { …; }; createdAt: { …; }; startsAt: { …; }; }; comp…’ is not assignable to parameter of type ‘new (…args: any[]) => any’.

Type ‘{ props: { message: { type: StringConstructor; default: string; }; id: { type: NumberConstructor; default: any; }; type: { type: StringConstructor; default: string; }; contentType: { type: StringConstructor; default: string; }; instanceType: { …; }; coach: { …; }; createdAt: { …; }; startsAt: { …; }; }; comp…’ provides no match for the signature ‘new (…args: any[]): any’. Vetur(2345)

[alukos]

my workaround was to add:

<script>
import Vue from 'vue'
export default Vue.extend({
...
})
</script>

[yoyo930021]

The reason for this problem is very broad. I will lock this issue, if you have a problem, open a new issue.