VueプロジェクトにVuetify追加

1743 ワード
Vue.js Vuetify Vue.js テキストリンク

すでにVueプロジェクトがある状態から始める
Vueプロジェクト作成は こちら を参照
Vueは3系を使用

コンテナに入る

alpine linuxを使っているのでashです

⛄ docker exec -it <container-name> ash

vuetify 追加

vue add vuetify

エラー出現...

🚀  Invoking generator for vue-cli-plugin-vuetify...
 ERROR  Error: You cannot call "get" on a collection with no paths. Instead, check the "length" property first to verify at least 1 path exists.

こちらによると、vue3系はbetaなのでveu2系を使って欲しいとのことでした。
最新にしすぎた...

結局vue2系にダウングレードして再チャレンジ
3系のアプリはいったん削除して2系のプロジェクトを作成
（削除しないでいい方法もあると思いますが、今回は全部吹き飛ばしました）

再チャレンジ

vue add vuetify

成功したようなのでブラウザから確認
Portなどは環境に応じて適宜変更してください

http://localhost:8080/

以下の画面が表示されていたら、成功！