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

安装好dev-tools

在这里插入图片描述

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

  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。
    在这里插入图片描述

    2.2 点击详情
    2.3 打开-允许访问文件网址。
    2.4 有权访问的网站:设置成再在所有网站上。在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/weixin_46211267/article/details/131759665
今日推荐