VSelectに対して「[Vue warn]: Invalid prop: type check failed for prop “title”. Expected String | Number」

今回はVuetify3を使用しているときに下記のようなエラーが起きたときの対処法についてご紹介していきます。
Nuxt.jsのバージョンは3.11.2で、Vuetifyのバージョンは3.7.1です。
VSelectに ...VCalendarで[Vue warn]: Invalid prop: type check failed for prop “modelValue”. Expected Array, got Date

今回はVuetify3でv-calendarを使用しているときに下記のようなエラーが起きたときの対処法についてご紹介いたします。
Nuxt.jsのバージョンは3.11.2で、Vuetifyのバージョンは3.7.1です。
Nuxt.jsでFeature flag __VUE_PROD_HYDRATION_MISMATCH_DETAILS__ is not explicitly defined.

今回はNuxt.jsを使用しているときにコンソールに下記のwarningが出たときの対処法についてお伝えしていきます。
Nuxt.jsのバージョンは3.11.2です。
Nuxt.jsでFeature flag __V ...Nuxt3+Vuetify3で[Vue warn]: Failed to resolve component: v-tab-item

今回はNuxt3+Vuetify3の環境で下記のようなwarningが起きたときの対処法についてご紹介していきます。
Nuxt.jsのバージョンは3.11.2で、Vuetifyのバージョンは3.7.1です。
Nuxt ...Vuetify3へのバージョンアップで[Vue warn]: Failed to resolve component: v-simple-table

今回はVuetify2からVuetify3へバージョンアップを行ったときに下記のようなwarningが出たときの対処法についてご紹介していきます。
バージョンアップ後のNuxt.jsのバージョンは3.11.2で、バージョン ...
date-fnsのparseで「utils.mjs:20 Uncaught (in promise) TypeError: dateString.match is not a function」

今回はJSのdate-fnsのparseを使ったときに下記のエラーが起きたときの原因についてご紹介していきます。
date-fnsのバージョンは3.6.0です。
date-fnsのparseで「utils.mjs:2 ...Nuxt.jsで[Vue warn]: Failed to resolve component: v-calendar If this is a native custom element

今回はNuxt.js+Vuetifyを使用しているときに下記のようなwarningが起きたときの対処法についてご紹介していきます。
Nuxt.jsのバージョンは3.11.2で、Vuetifyのバージョンは3.7.1です。
Vuetify2からVuetify3へのバージョンアップでdenseの指定の方法が変わった【備忘録】

今回はVuetify2からVuetify3へバージョンアップを行った際に、denseの指定の方法が変わったという話をしていきます。
私個人の備忘録に近いです。
バージョンアップ後のNuxt.jsのバージョンは3 ...
Nuxt.jsでaxiosから$fetchやuseFetchに変えたときにcatchの中に入ってくれない【備忘録】

Nuxt2からNuxt3へバージョンアップを行った際に、今までaxiosを使って行っていたAPIの処理を$fetchやuseFetchを使って行うようにしました。
すると下記のようにtry catchでくくったのに、エラーが起 ...
Nuxt.jsで「Uncaught (in promise) TypeError: Cannot redefine property:」

今回はNuxt.jsを使用しているときに下記のようなエラーが起きたときの原因についてお話ししていきます。
Nuxt.jsのバージョンは3.11.2です。
Nuxt.jsで「Uncaught (in promise) ...Nuxt.jsでAPIを叩くとHTMLが返ってきたときの原因

今回はNuxt.jsを使っているときにAPIを叩くと結果として下記のようなHTMLが返ってきたときの原因についてご紹介していきます。
Nuxt.jsのバージョンは3.11.2となります。
Nuxt.jsでAPIを叩く ...Nuxt3では@nuxtjs/dotenvをpackage.jsonに定義する必要はない【備忘録】

今回はNuxt3では@nuxtjs/dotenvをpackage.jsonに定義する必要はないという話をしていきます。
個人としての備忘録に近いです。
Nuxt.jsのバージョンは3.11.2となります。
Nuxt2からNuxt3へのバージョンアップ時のnuxtApp.provideの変更【備忘録】

今回はNuxt2からNuxt3へのバージョンアップ時、Nuxt2で今まで使っていたnuxtApp.provideの変更例についてご紹介していきます。
バージョンアップ後のNuxt.jsのバージョンは3.11.2となります。 ...
Nuxt2からNuxt3へのバージョンアップ時のthis.$nuxt.error(e)の変更【備忘録】

今回はNuxt2からNuxt3へのバージョンアップ時にthis.$nuxt.error(e)などのソースコードはどのように変更すれば良いのかについて書いていこうと思います。
個人の備忘録としての意味合いが強いです。 ...
Nuxt2からNuxt3へのバージョンアップ時のnuxtApp.$onとnuxtApp.$offの変更【備忘録】

今回はNuxt2からNuxt3へのバージョンアップ時にNuxt2で使っていたnuxtApp.$onとnuxtApp.$offはどう変更していけば良いのかについてご紹介していきます。
個人の備忘録の意味合いが強いです。