開発ツールをインストールする
コンソールが表示されない理由:
- 使用される vue の圧縮バージョンは vue.min.js です。
- 構成上の問題により、
1. public/index.html で参照されている vue が圧縮バージョン (vue.min.js) であるかどうかを確認します。
圧縮バージョンを vue.js に置き換える必要があります
<% if (process.env.NODE_ENV === 'production') {
%>
<script src="<%= BASE_URL %>cdn/vue/2.6.10/vue.min.js" charset="utf-8"></script>
<% } else {
%>
<script src="<%= BASE_URL %>cdn/vue/2.6.10/vue.js" charset="utf-8"></script>
<% }%>
-
拡張機能の構成を変更します:
2.1 設定 - 拡張機能 - 拡張機能の管理 - Vue.js devtools を検索します。
2.2 詳細をクリックします。
2.3 開く - ファイル URL へのアクセスを許可します。
2.4 アクセスできる Web サイト: すべての Web サイトにアクセスできるように設定します。