Devtools inspection is not available because it‘s in production mode or explicitly disabled by the a

需要在项目开启：Vue.config.devtools

配置是否允许 vue-devtools 检查代码。开发版本默认为 true，生产版本默认为 false。生产版本设为 true 可以启用检查。

以上vue.js官方原话，但是使用vue-cli初始化的项目，即使使用npm run serve启动仍旧需要显式的声明，否则就会报出标题中的问题

// main.js
import Vue from 'vue';
// 务必在加载 Vue 之后，立即同步设置以下内容
Vue.config.devtools = truenew Vue({...
})

以上，同时注意还需要重新打开一下开发面板。

Devtools inspection is not available because it‘s in production mode or explicitly disabled by the a相关推荐

Vue.js is detected on this page. Devtools inspection is not available becaus...的解决方法
Vue.js is detected on this page. Devtools inspection is not available becaus-[的详细解决方法] 问题描述: 在已经下载Vu ...
Vue DevTools `Devtools inspection is not available` 使用问题
这个有两种情况: 使用 html 引入 vue.js 的时候使用 webpack 用 npm 直接引用 vue 模块的时候 html 引入 vue.js 把引入的文件改为 vue.js 而不是 vu ...
在google应用商店下载的Vue.js Devtools在控制台(开发者模式)没有vue选项
在google应用商店下载的Vue.js Devtools在控制台没有vue选项第一种:图标不亮第二种:图标亮,但是在下面的控制台选项中没有vue 第一种:图标不亮首先,如果最上面那个vue图标 ...
【插件工具】Vue.js is detected on this page. Open DevTools and look for the Vue panel报错及安装vue-detools
如果已经安装了vue-devtools可以不看这部分先介绍三种安装vue-devtools的方法: ① 如果就可以直接去chrome商店下载该插件 ② 非科学上网的小伙伴给你们准备vue-detoo ...
如何添加Vue扩展程序
如何添加Vue扩展程序 1. 打开谷歌浏览器 1)点开右上角三点的地方,找到更多工具,再找到扩展程序,然后点开,选中开发者模式. 2)把"Vue.js Devtools_5.3.3_chro ...
在google应用商店下载的Vue.js Devtools在控制台没有vue选项
第一种:图标不亮首先,如果最上面那个vue图标如果没有亮,说明当前页面不是vue写的,控制台必然没有vue选项,找一个vue写的网页打开就亮了,比如哔哩哔哩.如果亮了之后控制台还是没有vue选项,就 ...
chrome插件Vue Devtools失效
vue开发神器Vue Devtools报错: Vue.js is detected on this page. Devtools inspection is not available because ...
# 前端浏览器调试工具使用技巧
前端浏览器调试工具使用技巧文章目录前端浏览器调试工具使用技巧调试hover后出现的元素方法一方法二 JS 断点调试 debugger方式直接在调试窗口打断点浏览器快捷键 Console ...
Vue2 源码漫游（一）
Vue2 源码漫游(一) 描述: Vue框架中的基本原理可能大家都基本了解了,但是还没有漫游一下源码. 所以,觉得还是有必要跑一下. 由于是代码漫游,所以大部分为关键性代码,以主线路和主要分支的代码为 ...

Devtools inspection is not available because it‘s in production mode or explicitly disabled by the a

Devtools inspection is not available because it‘s in production mode or explicitly disabled by the a相关推荐

最新文章

热门文章