Vuetify3へのバージョンアップで[Vue warn]: Failed to resolve component: v-simple-table
今回はVuetify2からVuetify3へバージョンアップを行ったときに下記のようなwarningが出たときの対処法についてご紹介していきます。
|
1 2 3 |
[Vue warn]: Failed to resolve component: v-simple-table If this is a native custom element, make sure to exclude it from component resolution via compilerOptions.isCustomElement. at <Fixed onVnodeUnmounted=fn<onVnodeUnmounted> ref=Ref< undefined > > |
バージョンアップ後の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が出たときの対処法についてご紹介いたしました。