vue.js - Vue + TypeScript: VSCode viser ikke alle feil
Så jeg har et Vue-prosjekt og bruker TypeScript-klasser for Vue-komponentene. For eksempel ser en .vue-fil slik ut:
import Component from 'vue-class-component';
import Vue from 'vue';
import { Prop } from 'vue-property-decorator';
@Component
export default class GameInput extends Vue {
@Prop({ default: 'text' }) readonly type!: string;
@Prop({ default: '' }) readonly placeholder!: string;
@Prop({ default: '' }) readonly value!: string;
@Prop({ required: false }) readonly max!: number;
updateValue(value): void {
this.$emit('input', value);
}
}
I Visual Studio Code får jeg ingen feil når jeg ser på filen, men når jeg bygger den med npm run build får jeg følgende feilmelding:
Parameteren 'value' har implisitt typen 'any'.
Når jeg kopierer TypeScript-koden fra .vue-filen til sin egen .ts-fil, viser VSCode meg feilen. Men ikke i en .vue-fil. De fleste andre feil vises. For eksempel, hvis jeg fjerner void-returtypen i metoden, får jeg
Mangler returtype på funksjon.eslint@typescript-eslint/explicit-function-return-type
Så mitt spørsmål er: Hvordan kan jeg få VSCode til å vise meg alle mulige feil. Spesielt feilen 'implicitly any'.