在此页面上检测到Vue.js. Devtools检查不可用，因为它处于生产模式或由作者明确禁用

问题描述

我正在尝试在Google Chrome中启用 vue-devtools .但是我无法启用它.我在Laravel应用程序中使用vue.js.

I'm trying to enable vue-devtools in Google Chrome. But I cannot enable it. I'm using vue.js inside the Laravel application.

我的服务器使用php artisan serve命令运行.

My server runs using php artisan serve command.

推荐答案

1. 如果页面使用Vue.js的生产版本/最小版本，则devtools默认情况下，检查"处于禁用状态，因此"Vue"窗格不会显示.
2. 要使其适用于通过file://协议打开的页面，您需要在Chrome浏览器的扩展名"中选中允许访问文件URL"扩展管理面板.
3. 我必须重新启动chrome，它才起作用:-)

1. If the page uses a production/minified build of Vue.js, devtoolsinspection is disabled by default so the Vue pane won't show up.
2. To make it work for pages opened via file:// protocol, you need tocheck "Allow access to file URLs" for this extension in Chrome'sextension management panel.
3. I had to restart the chrome, and it worked :-)

这篇关于在此页面上检测到Vue.js. Devtools检查不可用，因为它处于生产模式或由作者明确禁用的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！