LoginSignup
1
1

More than 3 years have passed since last update.

VueプロジェクトにVuetify追加

Posted at

すでに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/

以下の画面が表示されていたら、成功!
スクリーンショット 2020-11-17 13.46.48.png

1
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
1