Vuetifyが本番環境で動作しない

Question

掲題通り、ローカルサーバーなら動くのに、VPSサーバで動きません

ソース
https://github.com/k-horiuchi/connpass_crawling_client

本番用デプロイ
http://140.227.228.52/connpass_crawling_client/dist/

Vuetifyが動くと、tableの背景が黒めになります。なぜ動かないのでしょうか…

vuetify.js:25148 [Vuetify] Multiple instances of Vue detected
See

とのことですが、思いあたりがありません

Answer 1

エラーが示す通り、複数のVueインスタンスを読み込んでしまっているのが原因と思います。

src/main.js と src/plugins/vuetify.js でvueの読み込み方が違うので揃えてみると直るのではないでしょうか。

// src/main.js
import Vue from 'vue/dist/vue.esm.js'

// src/plugins/vuetify.js
import Vue from 'vue'

また src/vue.esm.js もおそらく関係していないでしょうが、削除した方が良いかと思います。

Comments

[anomer]

修正しましたが、エラーがでてなおりませんでした…
https://teratail.com/questions/186753?modal=q-comp