谷歌浏览器安装vue-devtools报错：! vue-devtools@5.3.3 build: `cd packages/shell-chrome&&

最新推荐文章于 2024-06-21 10:25:22 发布
最新推荐文章于 2024-06-21 10:25:22 发布
阅读量3.9k 收藏 4
点赞数 7
分类专栏： Vue 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_45997679/article/details/108312743
版权

在安装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，将其固定。（个人爱好）
    在这里插入图片描述
larica
关注
专栏目录
解决：DevTools failed to load SourceMap：... net::ERR_HTTP_RESPONSE_CODE_FAILURE的问题
weixin_40102925的博客
05-05 4万+
在Google chrome开发人员控制台中一直报...
Chrome 浏览器安装Vue Devtools调试工具 (详细教程)
热门推荐
li22356的博客
01-24 5万+
本人认为利用外网安装调试工具插件是最好的，还不会出错，但是缺点也是很简单，你要调试你就要开启外网，所以直接下载调试工具安装虽然很麻烦，但是解决了开启外网才能使用的缺点。 1. 首先下载Vue Devtools调试工具 https://github.com/vuejs/vue-devtools/tree/v5.1.1 之所以安装5.1.1版本的原因就是我安装的过程中出错了，不能安装新版本，为了解决这个错误只能安装5.1.1版本的 安装最新报错信息如下： Error: Cannot find module.
Vue DevTools
最新发布
Vinca@的博客
06-21 2013
当你开发 Vue 应用时，Vue DevTools 是一个非常有用的工具，可以帮助你调试、监控和优化你的应用。本文将全面介绍 Vue DevTools 的功能和用法，并提供了一种通过 vue3 快捷安装命令一键安装 Vue DevTools 的方法。此外，还将介绍如何在 VS Code 中使用 Vue DevTools，帮助你更高效地开发 Vue 项目。
Vue的开发者调试工具（devtools5.3.4）安装
weixin_45204443的博客
04-15 4903
1.下载Vue的开发者工具 链接：https://pan.baidu.com/s/17u8tWbdHkwdp-53umieNlw 提取码：zlss （如果过期了，请评论区说一下） 2.安装开发者工具（Chrome和Egde浏览器） （1）在Chrome浏览器安装的方式： ①点击浏览器右上角三个点 ②点击更多工具--->点击扩展程序 ...
Chrome中无差错安装Vue调试工具vue-devtools（错误合集及解决方法）
meiko667的博客
07-23 1800
Chrome中无差错安装Vue调试工具vue-devtools 1.搜索极简插件Vue Devtools，下载并解压 Vue Devtools下载地址 2.将Vue.js解压到D盘中，把文件后缀由.crx修改为.zip，并将其进行解压 3.打开文件夹，找到mainifest.js 4.修改mainifest.json文件中的persistent的属性为true； 关于persistent参数 persistent为true时，在background字段中指出的js脚本将持续运行在后台，而若persist
vue-devtools的chrome扩展程序安装及失败报错整理
qq_43533416的博客
09-28 1万+
发现自己每次安装什么都东西都能把网上教程遇到的所有问题遇到一遍QAQ，明白查一个问题搜索引擎前三页都飘红的痛吗！！！ 一、vue-devtools安装 (chrome)（正确亲测有效） 1.下载vue-devtools （1）cmd下node指令：G:\Node>cnpm install -g vue-devtools （或者npm指令，下载到node_modules文件夹里或...
Vue安装Vue Devtools调试工具提示 Error: Cannot find module ‘@vue-devtools/build-tools’ 解决办法
01-08
我看网络上面安装Vue Devtools 调试工具的步骤几乎都是按照文章链接里的步骤进行安装：安装链接详情  但是在最终执行编译命令的时候 ：npm run build ，提示如下错误： 尝试了很多方法，都不能解决改问题。 为了...
谷歌浏览器vue插件vue-devtools
04-10
这个插件可以在谷歌浏览器（Chrome）中安装，帮助开发者调试、检查和优化Vue应用。 Vue Devtools 提供了以下主要功能： 1. **组件树**：在Vue Devtools的“Components”面板中，你可以查看应用的组件结构。每个...
安装vue-devtools时，npm install总是报错的解决方案
03-14
安装vue-devtools时，npm install总是报错的解决方案 亲测有效！！！
vue-devtools@6.1.4谷歌插件
04-27
vue-devtools是Vue开发的调试工具，官方推荐使用，vue-devtools第6代支持vue2和vue3，以及pinal，官方提供源代码，但是需要自己构建，构建的过程基本上没有3个坑都不能成功，这里直接分享一些，需要的小伙伴可以拿去
vue2.0-devtools谷歌浏览器调试工具和vue3.0-devtools谷歌浏览器调试工具
08-19
该资源包括vue2.0-devtools谷歌浏览器调试工具和vue3.0-devtools谷歌浏览器调试工具，具体安装方法参考我的博客https://blog.csdn.net/dxnn520/article/details/121088688，如还不会，可私信我。
vue-devtools安装
weixin_45580575的博客
09-02 176
安装新版遇到 vue-devtools@5.3.3 build: `cd packages/shell-chrome && cross-env NODE_ENV=pr 最后搜索安装了底版的5.1.1版本，亲测可行 百度云：https://pan.baidu.com/s/1nMhyPJuLiZYGYnDw1hjcwA 密钥：hies 或者官网下载 https://github.com/vuejs/vue-devtools/tree/v5.1.1 tags选择5.1.1 下载完后进入目录执行 n
VUE-DEVTOOLS简单安装教程
weixin_39888214的博客
09-01 204
我是因为从git上下载编译报错，找到这篇文章：https://www.freesion.com/article/8790699848/ 报错： vue-devtools@5.3.3 build: `cd packages/shell-chrome && cross-env NODE_ENV=production webpack --progress --hi 报错原因：不要慌，这是默认分支版本太新，一些功能未同步，我们去github上下载5.1.1版本即可 https://gi
vue-devtools简单安装教程
菜菜鸟的博客
05-18 3585
最简单的方法： 直接到Google store下载 你也可以去网上找别人已经编译好的vue-devtools文件 当然你也可以跟我来一步一步编译生成vue-devtools工具 第一步：找到vue-devtools的github项目，并将其clone到本地. vue-devtools git clone https://github.com/vuejs/vue-devtools.git 第二步：安装项目所需要的npm包 npm install //如果太慢的话，可以安装一个cnpm, 然后命令换成
Windows下VUE-DEVTOOLS编译安装成功
乡村的博客
04-18 543
环境配置请参照此文：nvm、nodejs、npm...安装与配置_乡村的博客-CSDN博客 #nvm install 17.9.0 #nvm use 17.9.0 #node -v #npm -v #npm install yarn -g #npm install webpack -g #npm install webpack-cli -g #cd vue-devtools #yarn install -g "devtools这个报错需要把 @vue\devtools和@vue-
超简单vue-devtools工具安装
wzl1217333452的博客
04-29 460
1.下载vue-devtools 下载地址:vue-devtools 或使用git下载 $ git clone https://github.com/vuejs/vue-devtools 2.安装工具 $ cd ./vue-devtools/ #切换到master $ git checkout master #安装,比较久需等待,如果是dev分支则会报错 $ npm install $ npm run build # 安装过程可能会出现 # npm ERR! code ELIFECYCLE
Vue.js devtools@6.5.0调试插件编译安装（踩了很多坑，最终编译成功，附截图）
qq_41833651的博客
08-15 563
Vue.js devtools@6.5.0调试插件编译安装（踩了很多坑，最终编译成功，附截图）
安装vue-devtools
dandan666dandan的博客
09-16 135
一、vue调试工具 一般情况下，可以使用chrome浏览器的应用商店，安装最新版的vue-devtools。 特殊情况，需要自己下载安装，比如我需要安装较低版本。 1. 参考地址 git地址：https://github.com/vuejs/vue-devtools 安装参考：https://www.cnblogs.com/james23dong/p/8250797.html 4.1.5版本地址：...
Chrome游览器插件开发踩坑总结
星辰大海-H的博客
06-28 5456
Chrome游览器插件开发 最近在尝试开发一个谷歌游览器插件，遇到了不少问题，在这里做一个简单的记录。 配置文件manifest.json { "name": "HEU官网小助手", "description" : "HEU官网小助手", "version": "1.0.0", "manifest_version": 2, "icons": { "16": "image/HEU_icon_16.jpg", "32": "image/HEU_icon_32.jpg",
怎么在谷歌浏览器安装vue-devtools
07-08
要在谷歌浏览器上安装 Vue Devtools，可以按照以下步骤进行操作： 1. 首先，在谷歌浏览器中打开 Chrome Web 商店网站（https://chrome.google.com/webstore）。 2. 在搜索栏中输入 "Vue Devtools"，然后按下回车键进行搜索。 3. 在搜索结果中找到 "Vue.js devtools" 扩展，并点击进入扩展页面。 4. 点击页面右上角的 "添加至 Chrome" 按钮。 5. 弹出确认对话框后，点击 "添加扩展程序" 进行安装。 6. 安装完成后，你应该能在浏览器的工具栏上看到 Vue Devtools 的图标。 7. 现在，当你打开一个使用 Vue.js 开发的网站时，在浏览器的开发者工具中会出现一个新的 "Vue" 选项卡，点击它即可打开 Vue Devtools。 通过这个插件，你可以方便地调试和观察 Vue 应用程序的状态和组件层次结构。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值