Vue.js-devtools工具不显示问题

JAY.LIN 收录于 Euiadmin

2025-01-12 约 622 字预计阅读 2 分钟

https://bing.ee123.net/img/rand?artid=128040490

Vue.js devtools工具不显示问题

Vue.js is detected on this page.

Devtools inspection is not available because it’s in production mode or explicitly disabled by the author.

网络上般说的问题原因：1、可能是在main.js里设置了Vue.config.devtools=false；

2、可能是用了vue.min.js，

但是如果两个的你都确定没有问题。

你需要打开index.html和Vue.config.js看一下，

在Vue.config.js中是不是有如下externals内容，它表示移除vue等这些js文件，那么项目怎么会运行呢，那就要打开index.html看一下了。

   configureWebpack: { //移除已从cdn引入的组件，不打包以下命名的内容
        externals: {
             'vue': 'Vue',
             'vue-router': 'VueRouter',
             'element-ui': 'ELEMENT',
             'echarts': 'echarts',
             'VueCookies': 'VueCookies',
        },
    },

原来它把package.json中引入的js都不用，而在index.html中用<script>再次引入这些js,注意这里还有个小问题就是在vue后面我加了 @2.6.11不加的话项目都跑不起来，它会去用vue3的js。

  <script src="https://cdn.jsdelivr.net/npm/vue@2.6.11"></script>
  <script src="https://cdn.bootcss.com/vue-router/3.0.1/vue-router.min.js"></script>
  <!-- 引入样式 -->
  <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
  <!-- 引入组件库 -->
  <script src="https://unpkg.com/element-ui/lib/index.js"></script> 
  <script src="https://unpkg.com/vue-cookies@1.7.4/vue-cookies.js"></script>
  <script src="https://cdn.bootcss.com/echarts/4.2.1-rc1/echarts.js"></script>

好了现在问题找到了，我们在开发的时候，还是先把index.html中的<script>注释掉，再把vue.config.js中的externals注释掉，最后我们收悉的vue.js devtools就回来了，愉快地高度吧。

目录

Vue.js-devtools工具不显示问题

Vue.js devtools工具不显示问题