現象
開発環境ではレイアウトきいているのだが、ターミナルの方にはエラーメッセージ。
nuxt buildもそれでコケる。
エラー内容
Argument of type '{ layout: string; }' is not assignable to parameter of type 'VueClass<Vue>'.
Object literal may only specify known properties, and 'layout' does not exist in type 'VueClass<Vue>'.
修正内容
型定義ファイルを作成して、書いたらうまくいきました。
types/foo.d.ts
interface ComponentOptions<V extends Vue> {
head?: any;
watchQuery?: string[];
layout?: string | ((context: ApplicationContext) => string);
fetch?: (context: ApplicationContext) => Promise<void>;
asyncData?: (context: ApplicationContext) => Promise<any> | undefined;
transition?: string | Transition | ((to: any, from: any) => string);
scrollToTop?: boolean;
validate?: (context: ApplicationContext) => Promise<boolean> | boolean;
middleware?: string | string[];
}
最近のコメント