vue: dev-tools控制台不显示问题

安装好dev-tools

vue: dev-tools控制台不显示问题_第1张图片

导致控制台不显示的原因:

  1. 使用的vue压缩版本 vue.min.js。
  2. 配置问题导致

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>
<% }%>
  1. 修改下扩展程序的配置:
    2.1 设置-扩展程序-管理扩展程序-找到Vue.js devtools。
    vue: dev-tools控制台不显示问题_第2张图片

    2.2 点击详情
    2.3 打开-允许访问文件网址。
    2.4 有权访问的网站:设置成再在所有网站上。vue: dev-tools控制台不显示问题_第3张图片

你可能感兴趣的:(vue,vue.js,前端)