Vue安装Vue Devtools调试工具提示 Error: Cannot find module '@vue-devtools/build-tools' 解决办法

最新推荐文章于 2022-05-08 11:51:24 发布
最新推荐文章于 2022-05-08 11:51:24 发布
阅读量1.9k 收藏
点赞数
分类专栏： 前端 文章标签： vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/tanghuan0827/article/details/105182012
版权

Vue安装Vue Devtools调试工具提示 Error: Cannot find module ‘@vue-devtools/build-tools’ 解决办法

问题一
https://github.com/vuejs/vue-devtools/issues/190
你下载的js可能是 cdn版本或者压缩版本
You are probably using Vue from CDN, and probably using a production build (dist/vue.min.js). Either replace it with a dev build (dist/vue.js) or add Vue.config.devtools = true to the main js file.
需要从官网下载 dist/vue.js的版本script为src的引入

问题二
https://github.com/vuejs/vue-devtools
可能没有 打开 vue-devtools插件 中的 允许访问文件网址

tanghuan0827
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Vue安装Vue Devtools调试工具提示 Error: Cannot find module ‘@vue-devtools/build-tools’ 解决办法
01-08
我看网络上面安装Vue Devtools 调试工具的步骤几乎都是按照文章链接里的步骤进行安装：安装链接详情  但是在最终执行编译命令的时候 ：npm run build ，提示如下错误： 尝试了很多方法，都不能解决改问题。 为了能够在谷歌浏览器上安装vue调试工具，通过下面步骤最终把Vue的调试工具安装成功。 步骤一：        访问该地址：vue调试工具插件  ，下载vue调试工具插件。直接点击推荐下载，相关文件就会下载下来。        步骤二：        将下载的文件进行解压，解压完之后，文件内容如下：             打开谷歌浏览器，点击右上角 ==》选择更多工具按
安装vue devtools调试工具时出现的Cannot find module '@vue-devtools/build-tools'问题解决
weixin_44287121的博客
05-05 3293
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解决办法
KaiSarH
05-24 2432
解决安装Vue Devtools报错 Error: Cannot find module '@vue-devtools/build-tools'解决办法
Vue安装Vue Devtools调试工具提示 Error: Cannot find module ‘@vue-devtools/build-tools‘ 解决办法
細水、長流√的专栏
09-07 762
我看网络上面安装Vue Devtools 调试工具的步骤几乎都是按照文章链接里的步骤进行安装：安装链接详情 但是在最终执行编译命令的时候 ：npm run build ，提示如下错误： 尝试了很多方法，都不能解决改问题。 为了能够在谷歌浏览器上安装vue调试工具，通过下面步骤最终把Vue的调试工具安装成功。 步骤一： 访问该地址：vue调试工具插件 ，下载vue调试工具插件。直接点击推荐下载，相关文件就会下载下来。 步骤二： 将下...
VUE 配置vue-devtools调试工具及安装方法
10-17
vue-devtools是一款基于chrome浏览器的插件，用于vue应用的调试，这款vue调试神器可以极大地提高我们的调试效率。...这篇文章主要介绍了VUE 配置vue-devtools调试工具及安装步骤 ,需要的朋友可以参考下
vue-devtools/vue调试工具/vue开发工具
04-09
拖动文件到浏览器安装即可
vue2.0-devtools谷歌浏览器调试工具和vue3.0-devtools谷歌浏览器调试工具
08-19
该资源包括vue2.0-devtools谷歌浏览器调试工具和vue3.0-devtools谷歌浏览器调试工具，具体安装方法参考我的博客https://blog.csdn.net/dxnn520/article/details/121088688，如还不会，可私信我。
Vue安装Vue Devtools调试工具提示 Error: Cannot find module '@vue-devtools/build-tools' 解决办法
热门推荐
yizufengdou的专栏
01-15 3万+
我看网络上面安装Vue Devtools 调试工具的步骤几乎都是按照文章链接里的步骤进行安装：安装链接详情 但是在最终执行编译命令的时候 ：npm run build ，提示如下错误： 尝试了很多方法，都不能解决改问题。 为了能够在谷歌浏览器上安装vue调试工具，通过下面步骤最终把Vue的调试工具安装成功。 步骤一： 访问该地址：vue调试工具插件 ，下载vue调试...
关于使用安装包下build产生的Cannot find module '@vue-devtools/build-tools'错误
weixin_45744265的博客
01-13 4207
实在没办法了。。用火狐的自带插件得了，这玩意搞了一下午还是报错，等一个大神的解决方案。
vue-devtools安装插件
03-23
1.下载解压 2.打开谷歌浏览器设置--->扩展程序--》勾选开发者模式---》加载已解压的扩展程序---》选择“chrome扩展”文件夹 3.OK
nhdogjmejiglipccpnnnanhbledajbpd.zip
01-15
直接下载解压之后，将对应文件拖拽到谷歌浏览器即可，按照对应提示信息，可以成功安装Vue Devtools调试工具
安装vue devtools总是报错，使用命令行安装
前端开发小白9527
03-12 1477
最近遇到一个很头痛的东西 就是安装vue 调试扩展程序 遇到的很多问题 按照正常下载流程 首先应该是去github上下载vue-devtools-dev包， 1:npm install 2:npm run build 3 配置谷歌浏览器 修改vue-devtools->shells->chrome文件夹下的mainifest.json 中的persistant为true 4：我们找到谷歌浏览器的扩展程序功能，勾选开发者模式，然后我们将插件文件夹里的进入vue-devtools-
使用github安装vue-devtools
weixin_43704992的博客
05-08 2392
有时候我们可能无法打开谷歌应用商店安装vue-devtools，那么可以试着从github上将vue-devtools下载下来安装。 第一步：去到 https://github.com/vuejs/devtools 选择 add-remote-devtools 第二步：下载后保存到自己指定的文件夹中，并解压 解压后的文件夹 第三步：进入解压后的文件夹并在该文件夹中打开cmd命令行 在命令行中输入命令 npm install 下载完成后执行：npm run build 命令 第四步：编译完成后找到文
Error: Cannot find module '@vue-devtools/build-tools'的解决方法
weixin_45129940的博客
03-28 4055
** Error: Cannot find module '@vue-devtools/build-tools’的解决方法 ** 今天在装vue-devtools的发现前面都可以顺利安装。 但是执行npm run build的时候就发生报错，在CSDN里面的这位博主的解决方法就很简单粗暴啦 下面是地址： https://blog.csdn.net/yizufengdou/article/detai...
安装vue-devtools过程中种种问题
m0_67403272的博客
03-06 3889
周五按照网上教程进行按照，报错再百度搜索找方案。之前一直在vue-devtools文件夹中使用git bash进行cnpm install安装不成功，报各种依赖包不支持。报错类似如下： npm WARN … requires a peer of react@^16.4.0 but none is installed 报错内容过多，需要安装依赖包太多。然后将npm版本号降到6.0.1，报错更多。类似 npm WARN npm npm does not support Node.js v14.16.0 npm
Vue安装Vue Devtools调试工具npm run build报错其中提示 Error: Cannot find module @vue-devtools/build-tools解决办法
qq_45010409的博客
04-12 8094
我这个问题我真的查了好久 网上的大部分教程都是在shells>chrome>manifest 可是我安装的最新版本是下图这样的 经过查找发现出现这样的Error: Cannot find module ‘@vue-devtools/build-tools’ npm ERR! vue-devtools@5.3.2 build: `cd packages/shell-chrome...
命令行安装Vue Devtools报错 Error: Cannot find module '@vue-devtools/build-tools'解决办法
wmklalala的博客
04-07 791
我的安装步骤是参考https://www.jianshu.com/p/63f09651724c的，但在npm run build的时候报错了。搜索了一下网上很多人都碰到了类似的问题，大多数是转而下载编译好的文件了，但我就很纳闷为啥别人装得好好的我就不行，一核对发现我跟人家的文件就不一样，没有shells文件夹。 问题出在，从GitHub克隆代码到本地的时候，克隆了所有的分支。我本地文件夹里显示的...
vue-devtools 安装时npm run build 报错
前端小菜
04-28 1万+
最新版github上下载vue-devtools,  npm run dev 报错，解决办法1、先去github上下载vue-devtools，下载好压缩包后解压2、进入解压目录，在命令行（当前目录下）输入npm install(cnpm install) 安装依赖。3、npm run build 后可以看到 shells => Chrome下出现build文件夹。注意：最最新版可能在bui...
怎样/vue-js-devtools/安装
最新发布
04-03
Vue.js Devtools 是 Vue.js 开发者工具的浏览器扩展程序，它可以帮助开发者更好地调试和分析 Vue.js 应用程序。下面是安装步骤： 1. 首先，你需要安装 Google Chrome 浏览器。 2. 打开 Chrome 浏览器，访问 Chrome 网上应用店（https://chrome.google.com/webstore/category/extensions）。 3. 在搜索框中输入“Vue.js Devtools”，然后按回车键。 4. 在搜索结果中，找到“Vue.js devtools”扩展程序，并点击“添加到 Chrome”按钮。 5. 等待扩展程序下载和安装完成，然后点击“启用扩展程序”按钮。 6. 现在，你可以在 Chrome 浏览器的扩展程序栏中看到 Vue.js Devtools 图标。 7. 打开你的 Vue.js 应用程序，并在 Chrome 浏览器中打开开发者工具。 8. 点击 Vue.js Devtools 图标，在弹出的窗口中选择你的 Vue.js 应用程序。 9. 现在，你可以使用 Vue.js Devtools 来调试和分析你的 Vue.js 应用程序了。 注意：Vue.js Devtools 也可以在 Firefox 和 Opera 浏览器中使用，但安装步骤可能会有所不同。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值