vue 开发工具不适用于 vue-cli 项目

Posted

技术标签:

【中文标题】vue 开发工具不适用于 vue-cli 项目【英文标题】:vue dev tools not working with vue-cli project 【发布时间】:2020-12-26 03:51:03 【问题描述】:

我已经安装了新的 vue-cli 项目,并在本地启动并通过运行在 localhost:8080 上打开

npm run serve

Vue 开发工具保持非活动状态。我读过需要初始化 Vue 实例才能使其工作,但使用 vue-cli,应用程序使用 createApp 进行初始化,而不是使用 Vue 实例进行初始化。

【问题讨论】:

【参考方案1】:

我最近在使用 vue cli 4.5.3 时遇到了这个问题。使用vue upgrade 升级到 4.5.4 后,开发工具启动了。

【讨论】:

【参考方案2】:

这是我的错。我不小心使用了 vue v3 而不是 v2。切换回 2 版本后,工作正常。

【讨论】:

以上是关于vue 开发工具不适用于 vue-cli 项目的主要内容,如果未能解决你的问题,请参考以下文章

Vue命令行工具vue-cli

如何配置生产构建和开发构建 vue-cli

vue-cli3 vue.config.js配置

基于vue-cli搭建vue项目开发环境

使用vue-cli脚手架初始化Vue项目下的项目结构

vue-cli 搭建多页面