【Vue】「$attrs is readonly.」エラーの解決策

はじめに

bootstrap-vue を導入すると[Vue warn]: $attrs is readonly.というワーニングがコンソールに表示されるようになったので
解決策をメモしておきます。

環境

  • Mac Mojave: 10.14.4
  • bootstrap-vue: 2.0.0-rc.27

解決策

webpack.renderer.config.jsを以下の通り修正する

1
2
3
4
// 修正前
let whiteListedModules = ['vue']
// 修正後
let whiteListedModules = ['vue', 'bootstrap-vue']

参考

https://github.com/bootstrap-vue/bootstrap-vue/issues/3040

以上です。

# Vue
Your browser is out-of-date!

Update your browser to view this website correctly. Update my browser now

×