Vue安装Vue Devtools调试工具npm run build报错其中提示 Error: Cannot find module @vue-devtools/build-tools解决办法

最新推荐文章于 2024-07-29 10:48:55 发布
最新推荐文章于 2024-07-29 10:48:55 发布
阅读量8.2k 收藏 25
点赞数 23
文章标签： vue.js node.js chrome devtools npm 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_45010409/article/details/105476375
版权

我这个问题我真的查了好久
网上的大部分教程都是在shells>chrome>manifest
可是我安装的最新版本是下图这样的
在这里插入图片描述
经过查找发现出现这样的Error: Cannot find module ‘@vue-devtools/build-tools’ npm ERR! vue-devtools@5.3.2 build: `cd packages/shell-chrome && cross-env NODE_ENV=production webpa错误（我只粘贴了一部分）
##其实直接换成下图的版本就可以了，那些新版本我安装都有问题
具体版本的网址在下面

https://github.com/vuejs/vue-devtools/tree/v5.1.1
在这里插入图片描述
安装这个版本在执行下面的命令就可以了

npm i或npm install

在这里插入图片描述
然后在执行

npm run build

在这里插入图片描述
就可以啦

把这里的false改成true就可以了

也可以参考下面两位的
https://blog.csdn.net/qq_34115899/article/details/104265647
https://blog.csdn.net/yizufengdou/article/details/103985709

长腿小张
关注
node.js运行报错：Error: Cannot find module ‘./programs/server/runtime.js‘
小橙子的笔记屋
04-25 975
当运行node.js 文件时，报错如下： Error: Cannot find module ‘./programs/server/runtime.js’ 运行某js文件报错 解决方法： 1、若所引入模块为自定义模块，则检查文件名与js文档中引入的文件名是否一致（注意文件名中不能包含空格） 2、若所引入模块为第三方导入模块，则检查自己是否已经下载了该模块，同时注意文件文件名与js文档中引入的文件名必须一致； 若未下载该模块，则输入以下命令： rpm install --save xxx // xxx为
解决npm错误Error: Cannot find module ‘shelljs‘
有问题或资源连接有缺失的可以私信公众号新潮看世界获取
07-18 3552
结果在创建项目的时候出现了某些包下载不下来，一直出现deprecated信息，接着即使shelljs模块找不到。本来想着创建一个vue的项目，但是一直用的webstorm的破解版不好用了，就索性转向vscode吧。看到这里，我重复执行了好几遍，都不行，提示网络超时。看来国内的网络还真的是。...
vue - devtools 安装
最新发布
mon_star°的博客
07-29 896
vue是现在比较火的一个框架，加上去年vue3的发布，更推动了vue一个层级vue开发项目，自然少不了他的调试工具,这个非常好用，对vue开发者来说，这简直是福音，下面我们一起来看一下他的安装使用吧。方式一：通过 Chrome 应用商店安装简单方便但是需要梯子方式二：通过离线安装包安装方式三：下载源码编译安装。
npm run dev 报错 Module build failed: Error: Cannot find module 'prettier'
pan_xi_yi的博客
02-19 7609
VUE环境搭建前几步骤可以看博客 报错信息如下： PS H:\UI\VUE\my-project-first> npm run dev > my-project-first@1.0.0 dev H:\UI\VUE\my-project-first > webpack-dev-server --inline --progress --config build/webpack...
Vue安装Vue Devtools调试工具提示 Error: Cannot find module ‘@vue-devtools/build-tools‘ 解决办法
gltncx11的博客
08-04 595
原文https://www.cnblogs.com/zhouying1208/p/12981473.html
npm run build报错Error: Cannot find module ‘imagemin-gifsicle‘
gaojiahao_的博客
05-25 2544
使用image-webpack-loader对图片压缩时，打包报错处理
Vue安装Vue Devtools调试工具提示 Error: Cannot find module ‘@vue-devtools/build-tools’ 解决办法
01-08
我看网络上面安装Vue Devtools 调试工具的步骤几乎都是按照文章链接里的步骤进行安装：安装链接详情  但是在最终执行编译命令的时候 ：npm run build ，提示如下错误： 尝试了很多方法，都不能解决改问题。 为了...
vue调试工具vue-devtools安装及使用方法
12-12
在开发过程中，为了提高效率和精确调试，Vue 提供了一个强大的调试工具——Vue DevTools。这款工具允许开发者深入查看 Vue 应用的状态，包括组件树、数据、计算属性、依赖关系等。下面我们将详细介绍 Vue Devtools ...
vue解决启动报错cjs loader.js Error: Cannot find module '../config'问题
weixin_30316097的博客
01-17 1943
vue解决启动报错cjs loader.js Error: Cannot find module '../config'问题 今天下载了一个开源项目一直运行不了，折腾了半天才找到问题所在，config目录下缺少了index.js文件导致的 liurongliurong/vue: vue框架编写的数字碳交易所https://github.com/liurongliurong/vue 18 ...
#安装vue_devtools 提示错误#
weixin_38626872的博客
06-11 644
一：去git下载压缩文件的方式，失败 地址https://github.com/vuejs/vue-devtools#vue-devtools 使用nmp run builder 提示 cross-env 不是内部或外部命令 解决办法 执行 npm install 下载依赖初始化即可 继续安装提示，如下错误 解决方法 原因： 得要全局安装 解决方案：npm install webpack-cli -g 问题解决 提示错误 失败原因，直接下载的文件使用的dev分支...
npm run dev时报错，提示cross-env找不到模块（not found）
weixin_41009649的博客
08-02 1364
2.项目环境如果是Linux或Mac，这个时候没必要装cross-env ，那就把package.json文件中的cross-env删掉。1.项目环境如果是Windows系统，没有装cross-env,或者说因为路径等其他原因调用不到它。那就重安装 cross-env。
安装Vue Devtools调试工具npm run build报错其中提示 Error: Cannot find module @vue-devtools/build-tools解决办法
weixin_44008781的博客
08-13 3726
1、旧版本安装 网络上的安装方法都是旧版本的安装方式 旧版本地址 下载并解压文件 按下shift键并点击鼠标右键，打开powershell窗口 输入npm install 输入npm run build 打开chrome://extensions/（谷歌->更多工具->扩展程序） 点击“加载已解压的扩展程序” 7.选择文件 2、新版本安装 新版本地址 1、下载npm install -g yarn 2、yarn install 3、yarn run build
Node.js Cannot find module 'xxx' 问题解决
热门推荐
freeman983
01-16 1万+
使用npm install -g 'xxx' 之后仍然报 Cannot find module 'xxx' 错误，可以通过设置环境变量来解决； [code="java"] export NODE_PATH=/usr/local/lib/node_modules/ echo $NODE_PATH [/code]...
Laravel5.4 执行npm run dev命令时找不到module cross-env
weixin_34356555的博客
03-08 1603
2019独角兽企业重金招聘Python工程师标准>>> ...
npm run build无法安装vue devtools，使用另一种方法成功安装
qq_44210926的博客
05-16 4714
近期在学习vue cli,为了方便学习与调试有一个vue-devtools 肯定是要方便一些的。但是呢，我用github 的下载包安装，到npm run build 的时候问题会出现一些问题。下面就介绍一下我解决的方法。 创建一个空文件夹，进入这个文件夹按住 shift + 右键 选择进入powershell ，就可以进入这个文件的终端。 输入 npm install vue-devtools 完成后，进入该文件下的node_modules 文件，找到 vue-devtools 文件，进入其中，将vende
使用命令行运行js文件时发生Error: Cannot find module ‘destroy‘错误解决方法
coucouxie的博客
08-05 1687
使用命令行运行js文件时发生Error: Cannot find module 'destroy’错误解决方法 第一步：删除node_modules和package-lock.json 第二步：在命令行工具中输入npm install 重新下载项目所依赖的第三方模块，然后就可以顺利运行了。 ...
Windows 安装vue-devtools-dev插件，npm run build报错
qq_42698492的博客
06-18 529
最近在学vue，装了vue全家桶，各种命令ERROR看的我头疼，在装vue-devtools-dev插件的时候，我一度以为根目录里没有shells这个文件夹。在npm run build时一直报错，就去百度了，各种方法都不行。 直到我看了另一个博主的帖子https://blog.csdn.net/qq_25218367/article/details/105949230 发现在gihub上下载时选择master分支就...
掌握Vue调试利器：vue-devtools@6.1.4谷歌插件
资源摘要信息: "vue-devtools@6.1.4谷歌插件是一个专门为Vue.js框架设计的调试工具，它是官方推荐使用的调试扩展，为开发者提供了强大的调试能力。此插件支持Vue 2和Vue 3版本的调试，同时也支持Pinia（一个Vue的...
评论 17
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值