JavaScript

【解決済み】Uncaught (in promise) TypeError: Cannot read property ‘instanceMap’ of undefinedと表示された時の対処方法

vue.jsのバージョン3で開発をしていると、突如下記のエラーが発生するようになりました。

Uncaught (in promise) TypeError: Cannot read property 'instanceMap' of undefined

この記事を読んでいる人も同じようなエラーが発生して困っているのではないかと思います。

もしもあなたが、

  • vue.jsのバージョン3を使っている
  • Vue.js devtoolsのbeta版を使っている

上記の2つに当てはまるなら、おそらくこの記事でこのエラーは解決できるはずです。

サッと書いていくので、ぜひ目を通してください(*´ω`*)ノ

ちなみに、この記事は'instanceMap' でエラーが出た人が対象となっていますm(_ _)m

【結論】Google Chromeの拡張機能である「Vue.js devtools」を再起動しよう

今回のエラーは、vue3用の開発ツールである「Vue.js devtoolsのbeta版(vue3用)」を使用していると発生することがあるようです。

こちら「Uncaught (in promise) TypeError: Cannot read property ‘instanceMap’ of undefined #1446」のissueに書いてありました。

そのため、下記画像のようにVue.js devtoolsを停止してあげればこのエラーは発生しなくなるはずです。

Vue.js devtoolsを停止した時のアイコンVue.js devtoolsを停止した時のアイコン

また僕の場合は、停止してからもう一度起動したところエラーは発生せずに、引き続き拡張機能を利用できました。

まだbeta版なので、仕方ない部分ではありますが、エラーの解決方法が載ってる記事が少ないのは困りますね(。•́•̀。)💦

少しでも、この記事で救われた人がいることを願います(>人<;)