使い始めましたvue 開発ツール私のアプリケーションでは表示されますが、Chrome の開発者モードでは表示されません。開発ツールの github ページや Web 上の他の場所で見つかったさまざまな解決策を試しましたが、うまくいきませんでした。以下は、表示するために実行した/試したことの一覧です。
allow access to file URL’s option
Chrome拡張機能で有効化Vue.config.debug = true;
Vue.config.devtools = true;
new Vue({}) の直前に追加されました- VueJS ファイルの非縮小バージョンを追加しました
- また、私は Chrome の最新バージョン 55.0.2883.87 を使用しています。
Chrome拡張機能をクリックすると次のメッセージが表示されます
ただし、パネルは実際には表示されません。
誰かこれに対する解決策を持っていますか? ありがとうございます。
ベストアンサー1
メニューバーで Vue アイコンをアクティブにすることはできませんでしたが、Chrome 開発者ツールで Vue タブを表示することはできました。以下を試してください。
- Chromeデベロッパーツールウィンドウを閉じる
- ブラウザを強制的に更新する
- 開発者ツールウィンドウを再度開き、Vueタブを探します。
ツールバーのアイコンはまだ Vue を検出できないことを示している可能性がありますが、タブは Chrome 開発者ツールに表示されるはずです。