Electron(v26.2.1)无法加载React Developer Tools(v4.28.0)

最新推荐文章于 2023-12-19 09:54:56 发布
最新推荐文章于 2023-12-19 09:54:56 发布
阅读量546 收藏
点赞数
分类专栏： electron 文章标签： electron
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42497122/article/details/132907690
版权

一开始按照electron官网上的 开发者工具扩展 教程设置React Developer Tools时，重启项目后并没有按照预期成功加载React Developer Tools，而且控制台报错：

Permission 'scripting' is unknown or URL pattern is malformed.

查了下原因是因为React Developer Tools(v4.28.0)采用的是manifest v3(chrome插件接口版本)，Electron(v26.2.1)还未支持chrome.scripting，详情见MarshallOfSound/electron-devtools-installer#232。

所以需要降低React Developer Tools的manifest版本，改为manifest v2，可以直接下载一个低版本的React Developer Tools，替换掉原来的React Developer Tools。

下载地址：https://polypane.app/fmkadmapgofadopljbjfkapdkoienihi.zip

该问题的具体详情见：[Bug]: Failed to load React Devtools · Issue #36545 · electron/electron (github.com)

hp-future
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
推荐一款神器：`electron-devtools-installer`
gitblog_00026的博客
04-09 407
推荐一款神器：electron-devtools-installer 项目地址:https://gitcode.com/GPMDP/electron-devtools-installer 在Web开发的领域中，Electron框架为开发者提供了一种构建跨平台桌面应用的强大工具。而electron-devtools-installer是一个针对Electron应用的辅助库，让你能够轻松地在你的Ele...
chrome插件开发之发送网络请求v3版本
12-19 6256
如果某个扩展希望访问自己所属域以外的资源，比如说来自http://www.google.com的资源(假设该扩展不是来自www.google.com), 浏览器不会允许这样的请求，除非该扩展获得了相应的跨域请求允许。
Electlon开发出现的问题
weixin_61829950的博客
08-31 552
Cannot read properties of undefined (reading 'BrowserWindow')
electron install error （permission problem）electron安装无法安装，权限问题解决！
qq_42376239的博客
06-27 1675
electron install error:"permission denied, mkdir '/Users/admin/Documents/xxxtestxxx/node_modules/electron/dist"解决方法： 如图安装electron报错信息。 解决方法： 解决方法： sudo npm install electron --unsafe-perm=true --allow...
Electron + React 应用打包全流程
Copcin的小站
01-14 3753
这几天有个创意编程比赛，要写一个电脑端应用。我准备用 React.js + Electron 做（因为熟悉~），编程部分一路风雨无阻，到了打包却出现了问题。Electron 没打过包不知道，一打包一下两天两夜就没了（T_T）但最后还是打包成功了~ 由于里面坑很多，把我打包的流程浅写在下面，供需要的人参考。
React开发者工具无效 React Developer Tools无效
Mitin_的博客
12-19 673
情况描述：在chrome的商店，添加了官方的React Developer Tools到扩展程序，但打开页面进行调试的时候并没有发现React开发者工具起作用。二、如果一不行的话就更新chrome到最新版本试试，右上角的三个 小点点进入设置，找到关于chrome，如果不是最新版，将其更新到最新版本。
基于Electron+React大麦抢票桌面端软件.zip
最新发布
04-18
大麦抢票攻略，失败N多次才总结出来 最近演出市场火爆，一些热门演出都是秒出，很难抢到。 即使一直候着，也因为各种原因没抢到。 失败了N多次后，总结了原因，结合其他达人的攻略，分享如下： ...
基于electron react ts 实现的音乐下载软件.zip
05-30
【标题】: "基于Electron、React和TypeScript实现的音乐下载软件" 这款软件是采用现代Web技术栈构建的一款桌面应用，它集成了Electron、React和TypeScript，旨在提供一个用户友好的音乐下载平台。Electron是一个由...
electron-v8.2.0-win32-x64.zip
04-01
8d233c3f165c73d783fa264d16aece35188be7679be466471ec7ab4979b74c36 *electron-v8.2.0-win32-x64.zip 复制以上编码内容到文件：SHASUMS256.txt-8.2.0 即可使用 ----------------------------------- 下载后放于...
数据提取工具—electron+react
04-02
1、用electron+react制作的一个数据提取工具，react渲染页面，electron主线程调用本地sqlite数据库 2、数据和依赖包删除了，测试的时候自行添加数据与依赖 3、开发测试，首先用npm start 启动react 然后再用electron...
electron-v28.3.0-win32-x64.zip
04-17
标题 "electron-v28.3.0-win32-x64.zip" 提供的信息表明，这是一个Electron框架的特定版本28.3.0，专为Windows 64位操作系统设计的软件包。Electron是一个开源框架，由GitHub开发，它允许使用Web技术（如JavaScript,...
解决安装 Electron 或者使用 Vue CLI 插件添加 Electron 时出现的常见错误
qq_43326668的博客
05-24 1340
但是，在安装 Electron 或者使用 Vue CLI 插件添加 Electron 时，常会遇到一些错误，影响开发者的工作效率和程序的质量。总之，Electron 和 Vue CLI 是非常强大和实用的工具，但是在安装和使用过程中也会遇到一些错误。通过本文介绍的解决方案和最佳实践，你可以更好地使用 Electron 和 Vue CLI，提高自己的开发效率和程序的质量。淘宝镜像是淘宝开发团队维护的一个 Node.js 和 NPM 的镜像源，包含了 Node.js 和 NPM 的最新版以及所有历史版本。
【electron】手把手教你在 electron 环境下使用 vue-devtools，附详细报错解决办法
kinghzking的专栏
10-12 2609
Vue Devtools 是一款由 Vue.js 官方开发的开发工具，旨在帮助开发者更轻松地调试和开发 Vue.js 应用程序。这个问题半年前就发现了，当时没有解决掉，后来经常想到该问题，最近想到通过Edge浏览器可以下载最新的插件，省去了各种可能遇到的坑，最终解决问题。总之，Vue Devtools 是 Vue.js 开发者必备的工具之一，可以帮助开发者更高效地开发和调试 Vue.js 应用程序。遇到问题，多搜索，多思考，结合现有知识，找到合适的方案。这个就不说了，简单方便，但是获取的不一定是最新的。
chrome 安装 react-devtools 详细教程
qq_39549013的博客
04-12 1848
本文针对无科学上网环境下，react-devtools 的 安装。（有科学上网环境 可直接在chrome 商店上 下载）
Chrome添加扩展应用React Developer Tools开发者工具上不显示
wang_xiao_ye的博客
09-15 1371
Chrome添加扩展应用React Developer Tools开发者工具上不显示 将设置中的sources下的 Enable JavaScript source maps 和 Enable CSS source maps勾选去掉，然后restore defaults and reload
【转载】Chrome插件在高版本浏览器中安装报错解决
weixin_34406086的博客
01-26 7695
为什么80%的码农都做不了架构师？>>> ...
解决electron10.1.3+vue3无法显示vue-devtools问题
总之就是非常可爱
10-18 7165
项目使用@vue/cli 4脚手架创建 package如下，我使用的electron-devtools-installer 科学上网自动安装 "vue": "^3.0.0" "electron": "10.1.3", "electron-devtools-installer": "^3.1.1", "vue-cli-plugin-electron-builder": "~2.0.0-rc.4" background.js中的安装代码： app.on("ready", async () =>
react项目React Developer Tools不可访问此网站问题
qq_44850230的博客
04-27 1338
在学react时，网页打开react项目时，React Developer Tools不可访问此网站，才发现vscode右键的Open with Live Server和Open in Broswer是有区别的，区别如下： Open in Broswer url是本地存储的默认路径，访问的是项目保存的本地地址,React Developer Tools不可访问此网站，访问的页面是静态页面，写代码时，在工作区保存了代码之后，还需要另外到浏览器页面进行刷新才能看到最新的效果。 Open with Live S
React Developer Tools 如何打印输出 electron 主进程中的 console
05-25
React Developer Tools 可以通过以下步骤打印输出 electron 主进程中的 console： 1. 在 electron 主进程中，使用 `console.log()` 等输出函数输出需要调试的信息。 2. 在 React Developer Tools 中，打开...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值