Nuxt3でVuetify3を使おうとしたら躓いた

未分類

やりたかったこと

Nuxt3でなにかいいUIフレームワークはないかと探したところ、Quasarが良さそうとなった。

が、Nuxt3のSSRに非対応だったため、以前も使ったことのある組み合わせのNuxt3 x Vuetify3でいくことにした。

起こった問題

下の記事を参考に、vuetify@nextをインストールした。

【Nuxt 3 で Vuetify 3 を使う】
https://zenn.dev/coedo/articles/nuxt3-vuetify3

npm install vuetify@next

するとエラーが。

npm install vuetify@next
npm ERR! code ETARGET
npm ERR! notarget No matching version found for vuetify@next.
npm ERR! notarget In most cases you or one of your dependencies are requesting
npm ERR! notarget a package version that doesn't exist.

結論

@nextを取って最新バージョンをインストールする。

npm install vuetify

解説

調べたところ、以前は

npm install vuetify

だと、Vuetify2系がインストールされてしまっていたため、

npm install vuetify@next

とし、Vuetify3をインストールしていた。

ただVuetifyの開発が進み、バージョン『@next』がなくなり、

npm install vuetify

としたとき、インストールされるのが2系→3系に変わった模様。