Nuxt3+Vuetify3で[Vue warn]: Failed to resolve component: v-tab-item
今回はNuxt3+Vuetify3の環境で下記のようなwarningが起きたときの対処法についてご紹介していきます。
|
1 2 3 |
[Vue warn]: Failed to resolve component: v-tab-item 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です。
Nuxt3+Vuetify3で[Vue warn]: Failed to resolve component: v-tab-item
私はVuetify2からVuetify3へバージョンアップしたときにこのwarningがコンソールに出るようになりました。
結論を言うと、Vuetify2からVuetify3へバージョンアップしたときはv-tab-itemをv-window-itemに置き換える必要があります。
Vuetify3のアップグレードガイドにも記載されているので確認してみましょう。
https://vuetifyjs.com/ja/getting-started/upgrade-guide/
終わりに
今回はNuxt3+Vuetify3の環境で冒頭のようなwarningが起きたときの対処法についてご紹介いたしました。