VueJs devツールパネルが表示されない

Question

私のアプリケーションでvue dev-toolsを使い始めましたが、Chromeのデベロッパーモードでは表示されません。私は、dev-toolsのgithubページやWeb上の他の場所にあるさまざまなソリューションを試しましたが、運はありませんでした。以下は私が行ったこと/それを表示しようとしたことです。 55.0：

1. はVue.config.debug = true;Vue.config.devtools = true;ちょうど新しいVueの前に（{}）VueJSの
2. を追加しました非縮小さバージョンはまた、私はクロームの最新バージョンを使用しています
3. ファイルChromeの拡張機能
4. 追加でallow access to file URL’s optionを可能にしました。 2883.87。

は、私が実際に表示されていないパネルを除きChromeの拡張機能

をクリックすると、次のメッセージを得ますか。

誰にも解決策がありますか？ありがとう。

Answer 1

また、Vue Devtoolsが正しく動作しなくなることを防ぐために、広告ブロッカーがインストールされていると、今日発見されました。

Answer 2

「ハードリロード」を数回実行してください。ウィンドウの場合：Shift + F5。 Macの場合：CMD + SHIFT + R.

Answer 3

ファイルタブを閉じてもう一度開いてくれました。

Answer 4

メニューバーでVueアイコンをアクティブにすることができませんでしたが、ChromeデベロッパーツールにVueタブを表示することができました。次のことを試してみてください。

• は
• クローム開発ツールウィンドウを閉じハードツールバーのブラウザ
• 開発ツールのウィンドウを再オープンし、Vueのタブのため

を見て、アイコンを更新まだVueを検出できないことを示している可能性がありますが、タブはChromeデベロッパーツールに表示する必要があります。

Answer 5

ハードウェアを再読み込みして開発コンソールを閉じてから、もう一度開いてください。

Answer 6

私はこの同じ問題を抱えていました。私はcdn "vue.min.js"からミニvueを使用していましたが、それを削除して非縮小vueを使用しました。それから私はブラウザをリロードしてコンソールを開き、vueタブがそこにありました。

Answer 7

本番CDNは使用しないでください。それが私のために働く唯一の方法は、VueJSの開発版を使用することです。

開発：vue.js