[Nuxt][TypeScript] localePathが無いというエラーを解消する

やりたいこと

Property 'localePath' does not exist on type 'SpotTaggedController'.Vetur(2339)

JavaScriptで作っていた時には動いていたlocalePathがTypeScriptにするとエラーになるようになりました。

スクリーンショット 2020-08-17 21.33.36

やったこと

別記事の時と同じです。TypeScript化しようとして「does not exist」となったら大体「型の定義が無い」という意味と学びました。

declare localePath: any

上記一文を追加します。

@Component({
 middleware: ['checkAuthenticated'],
 components: {
   SpotListView,
   SpotMapView
 }
})
export default class SpotTaggedController extends Vue {
 declare localePath: any

 private userUsecase!: UserUsecase
 private spotUsecase!: SpotUsecase
 private tagUsecase!:  TagUsecase

 private currentPosition: Coordinate | null = null

こんな感じです。



いいなと思ったら応援しよう!