JavaScript
Vue.js

Vue.jsでdevtoolsを追加しても検証ツールのメニューに出てこない時の対処法

More than 1 year has passed since last update.

Vueで開発をしていて、devtoolsを入れるのはあたりまえだと思うのですが、使えなくなるときがあります。

原因がここに書いてある(というか答えもこれに書かれているが)

https://github.com/vuejs/vue-devtools/issues/190

余談ですがissuesにハートがポチされていると救われた気分と期待が一気に押し寄せるのは自分だけだろうか。

ちなみに拡張機能にでてくるエラー文はこちら。

Vue.js is detected on this page. Devtools inspection is not available because it's in production mode or explicitly disabled by the author.


対処法

解決策は簡単だった。

自分はrouter/index.jsに以下を追加

Vue.config.devtools = true

終わり。