Vuetifyで「Uncaught (in promise) TypeError: comparing.getDate is not a function」
今回はVuetifyを使っているときに下記のようなエラーが起きたときに確認すべきことについてご紹介していきます。
|
1 2 3 4 5 6 7 8 9 10 11 |
Uncaught (in promise) TypeError: comparing.getDate is not a function at isSameDay (vuetify.ts:483:39) at Proxy.isSameDay (vuetify.ts:656:12) at calendar.ts:150:55 at Array.some (<anonymous>) at calendar.ts:150:33 at Array.map (<anonymous>) at genDays (calendar.ts:130:8) at ComputedRefImpl.fn (calendar.ts:174:12) at refreshComputed (reactivity.esm-bundler.js:357:28) at get value (reactivity.esm-bundler.js:1645:5) |
Nuxt.jsのバージョンは3.11.2で、Vuetifyのバージョンは3.7.1です。
Vuetifyで「Uncaught (in promise) TypeError: comparing.getDate is not a function」
Vuetifyのバージョンを2から3に上げたときにこのエラーが起こるようになりました。
結論を言うと、今までVuetify2ではString型で渡さなければならなかった箇所を、Vuetify3でDate型で渡さないといけなくなったことがエラーの原因となります。
例えば、v-calendarのv-modelで今までString型で変数を渡していた場合は、Date型で渡さないといけない可能性が高いので注意しましょう。
終わりに
今回はVuetifyを使っているときに冒頭のようなエラーが起きたときに確認すべきことについてご紹介いたしました。