Vue DevTools 检查不可用

Question

我正在使用 laravel 5.2

Package.json

{
  "private": true,
  "scripts": {
    "prod": "gulp --production",
    "dev": "gulp watch"
  },
  "devDependencies": {
    "bootstrap-sass": "^3.0.0",
    "gulp": "^3.9.1",
    "laravel-elixir": "^5.0.0",
    "laravel-elixir-webpack": "^1.0.1",
    "laravel-elixir-webpack-official": "^1.0.2",
    "laravel-mix": "^2.1.14",
    "lodash": "^4.16.2",
    "vue": "^2.0.1",
    "vue-resource": "^1.0.3",
    "webpack": "^2.7.0"
  },
  "dependencies": {
    "get-ssl-certificate": "^2.1.2",
    "laravel-elixir-webpack-official": "^1.0.2",
    "vuedraggable": "^2.16.0"
  }
}

我尝试了 firefox 和 google chrome 扩展，它说它已禁用这是限制此

的行

   devtools: process.env.NODE_ENV !== 'production'

根据我的两种感觉，这绝不能发生。到目前为止我采取的步骤：

1- 删除 node_models 使用 npm install

重新安装

2- 用 Vuejs.org

中提供的版本替换 vue 文件

图标是彩色的，但没有 Veo devtool，当我在我的 header 之上使用 CDN 时，我得到了 devtools！是什么引起了这种冲突！我糊涂了感谢您的帮助

Answer 1

好吧，长话短说，这个问题是因为它没有编译我的文件，而且 devmode 在之前编译的版本中关闭。我试图在 laravel 5.2 上使用 vue，遇到很多问题所以我决定 install laravel 5.3 来自：

composer create-project --prefer-dist laravel/laravel myapp "5.3.0"

之后我执行了：

  npm install

它开始安装依赖项和所有内容，完成后我测试了 gulp 命令以查看它是否成功编译。所以我移动了 package.json package-lock.json 和 gulpfile.js 从我的 Laravel 5.3 到 laravel 5.2 运行 npm install 再次完成！

Vue DevTools 检查不可用

Vue DevTools inspection is not available

laravel

vue.js

laravel-5.2

vue-devtools