Nuxt3のpinaのTypeScriptで「Property ‘〇〇’ does not exist on type 」【備忘録】
今回はNuxt3のpinaのactionsを使っていて、なおかつTypeScriptを使用していた場合に「Property 'test’ does not exist on type '{ setTest(payload: Test): void; resetTest(): void; }’.」のようなエラーが起きたときの対処法についてご紹介いたします。
結構状況が限られているため、備忘録に近いです。
Nuxt.jsのバージョンは3.11.2となります。
Nuxt3のpinaのTypeScriptで「Property '〇〇’ does not exist on type 」【備忘録】
結論を言うと、下記のように「// @ts-ignore」をつけるか
|
1 2 |
// @ts-ignore this.someMethod() |
thisの代わりに(this as any)とすればエラーが出なくなります。
|
1 |
(this as any).someMethod() |
ただし上記は最終手段です。
本当はもっと良い方法があるかもしれませんが、おそらくNuxt3のpinaのstoresの中身の構成が一般的なTypeScriptの構成ではないため、エディタが誤解してエラーを出しているのだと思います。
実際に動かすと、問題なく動くこともあると思います。
一旦の応急処置として、上記の対応をご紹介いたしました。
終わりに
今回はNuxt3のpinaのactionsを使っていて、なおかつTypeScriptを使用していた場合に「Property 'test’ does not exist on type '{ setTest(payload: Test): void; resetTest(): void; }’.」のようなエラーが起きたときの対処法についてご紹介いたしました。