利用環境
- Rails@5.2.0
- vue@2.5.16
- vue-loader@4.2.2
- vuetify@1.1.1
発生状況
vuetifyを1.0.19から1.1.1にアップグレードしたら発生
$attrs is readonly
$listeners is readonly
関連のエラーがコンソールに出力されました
エラー内容は下記のissueの通りでした
https://github.com/vuetifyjs/vuetify/issues/4068
対処法
vuetify側とのvueの参照が違ったことが悪かったようなので
(Vueのインスタンスが複数ある状況下で起きるらしい? google翻訳より)
import Vue from 'vue/dist/vue.esm' <- これ
ランタイムビルドのaliasを追加することで回避できました
config/webpack/environment.js
environment.config.merge({
resolve: {
alias: {
'vue$': 'vue/dist/vue.esm.js'
}
}
})
以下記載箇所すべて変更
- import Vue from 'vue/dist/vue.esm'
+ import Vue from 'vue'