首页 > 其他分享 >react19.0.0 调试工具

react19.0.0 调试工具

时间:2024-05-25 21:57:46浏览次数:27  
标签:chrome react extensions build 工具 react19.0 devtools 调试

react19.0.0 调试工具

网友的力量

百度网盘:
链接: https://pan.baidu.com/s/1eeoUNfHpn20gtnuo-mlgkg 提取码: 7hhf

手动构建

React 采用 monorepo 管理方式,仓库下面有多个独立包,进入 react-devtools-extensions 包中

cd packages/react-devtools-extensions

查看 package.json ,运行 build:chrome 指令

panminxiang@Mac react-devtools-extensions % npm run build:chrome

> [email protected] build:chrome
> cross-env NODE_ENV=production node ./chrome/build

[BABEL] Note: The code generator has deoptimised the styling of /Users/panminxiang/Sites/Commonfiles/Github/react/build/oss-experimental/react-dom/cjs/react-dom-client.production.js as it exceeds the max of 500KB.
assets by status 5.33 MiB [big]
# 此处省略一万字....

webpack 5.82.1 compiled with 3 warnings in 833 ms

The Chrome extension has been built!
You can test this build by running:

# From the react-devtools root directory:
yarn run test:chrome

构建完成后,在 react-devtools-extensions/chrome 下出现 build/unpacked 目录,此为 chrome 需要加载的已解压的扩展程序

标签:chrome,react,extensions,build,工具,react19.0,devtools,调试
From: https://www.cnblogs.com/bibiafa/p/18213036

相关文章

  • linux:常用工具 yum vim git gbd
    linux操作系统如果最小化安装是很难使用的,所以需要很多工具进行扩展,这些扩展网上有很多,同时也是给了用户很多选择,但是并不是所有的程序都是可靠的,安卓和windows都是需要去有官方认证的平台下载安全的应用使用,而linux也是有不同的发行版本的团队整理的可靠的安装包使用,......
  • 通过qemu-img工具转换镜像格式
    应用场景华为云支持导入vhd、vmdk、qcow2、raw、vhdx、qcow、vdi、qed、zvhd或zvhd2格式镜像文件。其他镜像文件,需要转换格式后再导入。本节操作指导您使用开源qemu-img工具转换镜像格式。方案构架本节提供本地为Windows操作系统和Linux操作系统的转换镜像格式的操作方法。 ......
  • 网络工程师必会的新一代网络安全工具Goby安装、子网扫描、资产收集、漏洞扫描与报告生
    1.什么是Goby?Goby是一款基于网络空间测绘技术的新一代网络安全工具,它通过给目标网络建立完整的资产知识库,进行网络安全事件应急与漏洞应急。Goby可提供最全面的资产识别,目前预置了超过10万种规则识别引擎,能够针对硬件设备和软件业务系统进行自动化识别和分类,全面的分析出......
  • 外卖小工具,省下好多钱
    开头要说的大家平常爱点外卖不,不想出去,但是就想在家吃点刺激的,辣味的~那就只能点外卖了,不然自己做多麻烦呀~外卖这个小顾真是点了太多次了,太喜欢有几家的烧烤,真的香呀我发现的一个规律,不管你怎么点,都很少会比实体店的价格便宜多少,今天小顾推荐一个方法,就是外......
  • react19.0.0 仓库构建
    react19.0.0仓库构建运行指令npmrunbuild报以下错误panminxiang@Macreact%npmrunbuild>build>node./scripts/rollup/build-all-release-channels.jsBUILDINGreact.development.js(node_dev)COMPLETEreact.development.js(node_dev)BUILDINGreac......
  • react19.0.0 仓库安装
    react19.0.0仓库安装克隆仓库到本地:gitclonehttps://github.com/facebook/react.gitReactVersions中可以看到当前版本为19.0.0在项目下有个.nvmrc文件,指定了node版本为18.20.0(react18.3.1配套的node版本为14.17.6这跨度有点大啊)安装node18.20.0nvmins......
  • 使用IDEA开发调试thinkphp
    一、配置php插件和环境,当前使用php7.1.9,点击设置配置扩展组件,如下图修改php.ini文件在php.ini文件中修改并增加xdebug相关配置,修改增加内容如下**********[xdebug]zend_extension=xdebugxdebug.remote_enable=1xdebug.remote_autostart=1xdebug.remote_host=127.0.0......
  • 【爬虫软件】用Python开发的抖音关键词搜索工具,可筛选爬取热门视频、最新视频等
    一、背景介绍1.1爬取目标用python开发的爬虫采集软件,可自动按关键词抓取抖音视频数据。为什么有了源码还开发界面软件呢?方便不懂编程代码的小白用户使用,无需安装python,无需改代码,双击打开即用!软件界面截图:爬取结果截图:结果截图1:结果截图2:结果截图3:以上。1.2演......
  • 使用phpstorm开发调试thinkphp
    1.环境准备1.开发工具下载:PhpStorm:PHPIDEandCodeEditorfromJetBrains2.PHP下载:PHP:Downloads3.PHP扩展:PECL::Packagesearch4.用与调试的xdebug模块:Xdebug:Downloadsxdebug模块,如果是php8以下版本,需要用2版本的xdebug,如果是php8以上的版本,则用3版本的xdebug2......
  • 源代码管理工具——Github
    一.工具介绍1.我的理解GitHub他就是一个远程仓库,远程仓库通俗的理解就是一个可以保存自己代码的地方,在实际开发当中一个项目往往是有多个人来共同协作开发完成的,那么就需要一个统一代码保存的地方,而GitHub就是起到一个共享和汇总代码的作用。2.github登录与注册官方登录页:ht......