在安装vue-devtools的时候,遇到出现以下问题:
在这里插入图片描述
查找网上大佬们的解决办法,最终完美解决:步骤如下:

  1. 下载比较旧的版本,我下载的是:V5.1.1。
    https://github.com/vuejs/vue-devtools/tree/v5.1.1
  2. cnpm i
cnpm i
  1. 项目打包。出现如下图代码:
    在这里插入图片描述
  2. 修改:shells/chrome/manifest.json中的"persistent": false。将值改为true。
    在这里插入图片描述
  3. 打开谷歌浏览器,输入 chrome://extensions/ ,选择开发者模式,加载已解压的扩展程序,选择Chrome导入即可。
    在这里插入图片描述
  4. 安装成功。选择扩展工具,点击vue-devtools,将其固定。(个人爱好)
    在这里插入图片描述
Logo

前往低代码交流专区

更多推荐