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

最新推荐文章于 2024-04-28 16:42:19 发布
最新推荐文章于 2024-04-28 16:42:19 发布
阅读量2.1k 收藏 6
点赞数 2
文章标签： java vue chrome
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44793182/article/details/107806793
版权

在学习给chrom加入vue调试插件的情况中，跟着网上的教程学习。
chrome安装VUE插件的详细教程点击这里
在这里插入图片描述
在进行到第8步的时候出现Error: Cannot find module @vue-devtools/build-tools
问题原因：可能是版本的问题，我更换了一个版本位5.1.1就好了
下载地址：点击这里
在这里插入图片描述
安装这个版本在执行下面的命令就可以了:

npm i 或者npm install

在这里插入图片描述
在执行：

npm run build

成功之后，打开vue-devtools-5.1.1\shells\chrome目录下的manifest.json将persistent的值改为true
在这里插入图片描述
在这里插入图片描述
最后一步，打开chrome–>更多工具–>扩展程序 开发者模式
在这里插入图片描述

**就好了**

Java_智
关注
  • 2
    点赞
  • 踩
  • 6
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
vue-devtools4.1.3(已编译）
04-25
这是4.1.3已编译过的版本，适用于Chrome浏览器。解压压缩包，打开“chrome://extensions/”，勾选右上角的“开发者模式”，然后“加载已解压的扩展程序”，选择解压后的文件目录即可。成功后悔出现在插件列表中，浏览器右上角有灰色vue标志，在打开适用vue开发的页面后该标志会变绿色，F12后可找到vue。
npm run dev报错 Module build failed: Error: Cannot find module 'node-sass'
宋坚强大大~~
11-27 1万+
一个项目，可能你从其他库里拉下来，或者换了一台电脑，或者出于其他原因，你需要重新安装依赖环境， 有时候会遇到node-sass安装失败的情况，这个现象太正常了，比如： 遇到报错不要慌，先看报错的开头，一般就能找到答案，他说没有找到这个模块 node-sass 这时你可以去项目依赖node_module里边去找一下 ，发现确实没有这个包，那就重新装一下吧 npmins...
Vue安装Vue Devtools调试工具提示 Error: Cannot find module ‘@vue-devtools/build-tools’ 解决办法
01-08
我看网络上面安装Vue Devtools 调试工具的步骤几乎都是按照文章链接里的步骤进行安装：安装链接详情  但是在最终执行编译命令的时候 ：npm run build ，提示如下错误： 尝试了很多方法，都不能解决改问题。 为了能够在谷歌浏览器上安装vue调试工具，通过下面步骤最终把Vue的调试工具安装成功。 步骤一：        访问该地址：vue调试工具插件  ，下载vue调试工具插件。直接点击推荐下载，相关文件就会下载下来。        步骤二：        将下载的文件进行解压，解压完之后，文件内容如下：             打开谷歌浏览器，点击右上角 ==》选择更多工具按
安装Vue Devtools调试工具npm run build报错其中提示 Error: Cannot find module @vue-devtools/build-tools解决办法
weixin_44008781的博客
08-13 3645
1、旧版本安装 网络上的安装方法都是旧版本的安装方式 旧版本地址 下载并解压文件 按下shift键并点击鼠标右键，打开powershell窗口 输入npm install 输入npm run build 打开chrome://extensions/（谷歌->更多工具->扩展程序） 点击“加载已解压的扩展程序” 7.选择文件 2、新版本安装 新版本地址 1、下载npm install -g yarn 2、yarn install 3、yarn run build
Vue项目启动报错 error:cannot find module xxx
Mrlujiao_code的博客
10-22 2万+
原因：无法找到项目依赖的某个模块 解决办法： 1、删掉存放模块的文件夹node_module； 2、执行清除缓存命令 npm cache clean； 如果报错，使用强制清除npm cache clean --force； 如果还报错，删除package-lock.json文件； 3、重新安装模块，npm install；（会重新自动生成package-lock.json文件） 然后npm run dev重启就可以了。 ...
安装vue devtools调试工具时出现的Cannot find module '@vue-devtools/build-tools'问题解决
weixin_44287121的博客
05-05 3286
vue devtools安装问题 打包问题：Cannot find module '@vue-devtools/build-tools’ 问题原因：github中下载的版本是最新的，还不是很稳定，可以尝试切换标签页选择其它的版本，例如我选择了v-5.1.0。 vue devtools 下载地址. 后续进入下载的文件夹中依次执行如下指令即可安装成功。 安装指令 // 第一步 npm install ...
Vue安装Vue Devtools调试工具提示 Error: Cannot find module '@vue-devtools/build-tools' 解决办法
热门推荐
yizufengdou的专栏
01-15 3万+
我看网络上面安装Vue Devtools 调试工具的步骤几乎都是按照文章链接里的步骤进行安装：安装链接详情 但是在最终执行编译命令的时候 ：npm run build ，提示如下错误： 尝试了很多方法，都不能解决改问题。 为了能够在谷歌浏览器上安装vue调试工具，通过下面步骤最终把Vue的调试工具安装成功。 步骤一： 访问该地址：vue调试工具插件 ，下载vue调试...
Vue安装Vue Devtools调试工具提示 Error: Cannot find module ‘@vue-devtools/build-tools‘ 解决办法
細水、長流√的专栏
09-07 742
我看网络上面安装Vue Devtools 调试工具的步骤几乎都是按照文章链接里的步骤进行安装：安装链接详情 但是在最终执行编译命令的时候 ：npm run build ，提示如下错误： 尝试了很多方法，都不能解决改问题。 为了能够在谷歌浏览器上安装vue调试工具，通过下面步骤最终把Vue的调试工具安装成功。 步骤一： 访问该地址：vue调试工具插件 ，下载vue调试工具插件。直接点击推荐下载，相关文件就会下载下来。 步骤二： 将下...
命令行安装Vue Devtools报错 Error: Cannot find module '@vue-devtools/build-tools'解决办法
wmklalala的博客
04-07 790
我的安装步骤是参考https://www.jianshu.com/p/63f09651724c的，但在npm run build的时候报错了。搜索了一下网上很多人都碰到了类似的问题，大多数是转而下载编译好的文件了，但我就很纳闷为啥别人装得好好的我就不行，一核对发现我跟人家的文件就不一样，没有shells文件夹。 问题出在，从GitHub克隆代码到本地的时候，克隆了所有的分支。我本地文件夹里显示的...
vue-devtools安装插件
03-23
1.下载解压 2.打开谷歌浏览器设置--->扩展程序--》勾选开发者模式---》加载已解压的扩展程序---》选择“chrome扩展”文件夹 3.OK
安装vue-devtools时，npm install总是报错的解决方案
03-14
安装vue-devtools时，npm install总是报错的解决方案 亲测有效！！！
vue调试工具vue-devtools安装及使用方法
12-12
本文主要介绍 vue的调试工具 vue-devtools 的安装和使用 工欲善其事, 必先利其器, 快快一起来用vue-devtools来调试开发你的vue项目吧 安装: 1.到github下载： git clone https://github.com/vuejs/vue-devtools 2....
VUE 配置vue-devtools调试工具及安装方法
01-19
再运行 npm run build 进行编译生成 这两条指令的运行都需要一定的时间，请耐心等待，build 成功后如下图： 3.修改安装目录vue-devtools\shells\chrome 中 的manifest.json文件。 将persistent 参数改为 true，如下...
vue-devtools:Vue devtools插件，用于调试Logux应用程序
05-13
Logux Vue开发工具 Logux是连接客户端和服务器的新方法。 它不发送HTTP请求（例如AJAX和GraphQL），而是在客户端，服务器和其他客户端之间同步操作日志。 有任何问题 和 Logux生态系统内部的 该存储库包含浏览器...
java方法重写（重点讲），方法重载
weixin_46281068的博客
04-27 961
一、方法重载定义：一个类中，出现多个方法的名称相同，但是它们的形参列表是不同的，那么这些方法就称为方法重载了。注意：一个类中，只要一些方法的名称相同、形参列表不同，那么它们就是方法重载了，其它的都不管（如:修饰符，返回值类型是否一样都无所谓）。形参列表不同指的是:形参的个数、类型、顺序不同，不关心形参的名称。应用场景：开发中我们经常需要为处理一类业务，提供多种解决方案，此时用方法重载来设计是很专业的。
Day25-Java基础之常用类1
m0_46053885的博客
04-27 906
同时我们发现Math类中的方法都是静态的，因此在使用的时候我们可以直接通过类名去调用。对于计算机而言，其实是没有数据类型的概念的，都是0101010101，数据类型是编程语言自己规定的，所以在实际存储的时候，先把具体的数字变成二进制，每32个bit为一组，存储在数组中。比较内存地址值一般情况下是没有意义的，我们希望比较的是对象的属性，如果两个对象的属性相同，我们认为就是同一个对象；如果我们的数据是一个浮点类型的数据，有的时候计算机并不会将这个数据完全转换成一个二进制数据，而是将这个将其转换成一个无限的。
Lambda表达式特点
weixin_57763462的博客
04-24 839
**API 设计**：Lambda 表达式鼓励使用函数式接口的设计模式，这改变了 Java 库的设计，例如 `java.util.function` 包下的一系列函数式接口。- **函数式编程**：Lambda 表达式引入了函数式编程的理念，使得 Java 更接近于函数式编程语言，如 Scala 和 Clojure。- **并发编程**：Lambda 表达式与 Java 8 新增的 Stream API 结合使用，可以简化并发编程，特别是与集合的操作相关。
Java解决最长公共前缀
最新发布
无人罪的博客
04-28 237
编写一个函数来查找字符串数组中的最长公共前缀。如果不存在公共前缀，返回空字符串""。
vue-devtools npm报错
05-01
如果在使用npm(一个Node.js软件包管理器)安装Vue-Devtools时遇到报错，可能有以下几种原因： 1.网络问题：npm可能无法连接到Vue-Devtools的服务器来下载所需的软件包，需要检查网络设置并尝试重新安装。 2.环境...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值