Vue DevTools检查不可用

Question

我用的是拉拉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-使用npm安装再次删除node_models安装

2-用Vuejs.org中提供的版本替换vue文件

图标是彩色的，但没有兽医开发工具，当我使用CDN在我的头上，我得到了devtools！是什么导致了这场冲突！我很困惑，谢谢你的帮助

Answer 1

好的，长话短说，问题是造成的，因为它没有编译我的文件，而devmode在以前的版本中被关闭了。我试图在Laravel5.2上使用vue，遇到了许多问题，所以我决定通过以下方式安装Laravel5.3：

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

在那之后我执行了：

  npm install

它开始安装依赖项和所有这些，完成后，我测试了gulp命令，以确定它是否成功编译了它。因此，我将package.json 和gulpfile.js从Laravel5.3移动到Laravel5.2，再次运行npm安装，所有操作都完成了！