Vuetify3へのバージョンアップで[Vue warn]: Failed to resolve component: v-simple-table

今回はVuetify2からVuetify3へバージョンアップを行ったときに下記のようなwarningが出たときの対処法についてご紹介していきます。

バージョンアップ後のNuxt.jsのバージョンは3.11.2で、バージョンアップ後のVuetifyのバージョンは3.7.1です。



Vuetify3へのバージョンアップで[Vue warn]: Failed to resolve component: v-simple-table

結論から言うと、Vuetify2で使われていたv-simple-tableはVuetify3ではv-tableに名称が変更になりました。

Vuetify3のアップグレードガイドにも記載されております。
https://vuetifyjs.com/ja/getting-started/upgrade-guide/

というかこんなアップグレードガイドなんてあったのですね。

Vuetify2からVuetify3へのバージョンアップを進めていて、中盤くらいで初めて気づきました。

最初からこのアップグレードガイドを知っていればもうちょっとアップグレードが楽だったかもしれません。
絶賛手探りでアップグレードを進めていて苦戦しておりました。

終わりに

今回はVuetify2からVuetify3へバージョンアップを行ったときに冒頭のようなwarningが出たときの対処法についてご紹介いたしました。

最後までお読みいただきありがとうございます。
よろしければブログやTwitterでのシェアをお願いしております。
コメントもお待ちしております。
誤植や勘違いなどございましたらコメント欄にて教えていただけると幸いです。

ITパスポート、基本情報技術者、応用情報技術者などIPAが提供する国家資格の過去問を学べるモバイルアプリをリリースしました。
詳しくは下記のプレスリリースをご覧ください。
https://prtimes.jp/main/html/rd/p/000000008.000073303.html

Youtubeチャンネル開設いたしました。
チャンネル登録者10,000人を目指しているので、良いと思った方はチャンネル登録をお願いしたいです。
https://www.youtube.com/channel/UC219XhmSRxmXltTy6COxSMw






Veutify

Posted by ちこ