react和react develop tools编译

下载
https://github.com/facebook/react/tags

我这里下载的18.0.0

下载react，里面的packages/react-devtools-extensions目录就是chrome等的扩展插件，需要编译下

需要yarn环境编译，如果需要安装yarn，使用命令

npm install --global yarn

yarn是另外一个好用的类似npm的包管理器

cd react（react根目录）
yarn install
yarn build-for-devtools
cd  packages/react-devtools-extensions/
yarn  build:chrome

用npm此时如果报错
Unsupported URL Type “link:”: link:./scripts/eslint-rules
需要把react根目录的package.json修改下
“eslint-plugin-react-internal”: “link:./scripts/eslint-rules”,
改为
“eslint-plugin-react-internal”: “file:./scripts/eslint-rules”,
改好后npm还会有其他问题，所以建议改用yarn，别用npm

编译好的在
packages/react-devtools-extensions/chrome/build
里面的.zip文件
加载到chrome插件，重新打开chrome，再打开react页面，f12就会出现Components和Profiler选项卡（带react图标）

附打包好的
react开发工具 chrome扩展包

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.mzph.cn/news/416585.shtml

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

相关文章

前端学习（2453）：项目初始化

前端学习（2453）：项目初始化

# 一、项目初始化## 使用 Vue CLI 创建项目> 注意：不要使用 Git Bash 执行项目创建操作，使用 cmd 或者 powershell 之类的工具。> 如果你还没有安装 VueCLI，或者版本低于 4，请执行下面的命令安装或是升级： >…
阅读更多...
python爬虫：两种方法模拟登录博客园

python爬虫：两种方法模拟登录博客园

第一方法用第三方库（requests）：参考http://www.mamicode.com/info-detail-1839685.html 源代码分析 博客园的登录页面非常简单，查看网页源代码，可以发现两个输入框的id分别为input1、input2，复选框的id为re…
阅读更多...
java zip压缩解压代码，亲测可用，压缩文件不会有合并问题

java zip压缩解压代码，亲测可用，压缩文件不会有合并问题

亲测可用，压缩文件不会有合并问题 import java.io.BufferedInputStream; import java.io.BufferedOutputStream; import java.io.File; import java.io.FileInputStream; import java.io.FileOutputStream; import java.io.IOException; import java.io.OutputStrea…
阅读更多...
前端学习（2454）：用户登录

前端学习（2454）：用户登录

# 二、用户登录## 功能介绍测试账号：- 13911111111 - 246810也可以通过我们这个应用的移动端注册一个自己的账号：地址：http://vue-toutiao-m.lipengzhou.com/#/login- 手机号：你自己的- 验证码：- 246810- 也可以动态接…
阅读更多...
OSError: [Errno 1] Operation not permitted 问题解决

OSError: [Errno 1] Operation not permitted 问题解决

如果在mac下碰到OSError: [Errno 1] Operation not permitted:的问题，就算用sudo 也无法解决. 例如： pip install ipython --user -U 转载于:https://www.cnblogs.com/nemolmt/p/6991408.html
阅读更多...
前端学习（2455）：layout处理

前端学习（2455）：layout处理

# 二、Layout 处理## 创建首页组件并配置路由1、创建 src/views/home/index.vuehtml <template><div class"home-container">首页</div> </template><script> export default {name: HomeIndex,components: {},props: {},data () {ret…
阅读更多...
文件查找_tar_ext34_swap

文件查找_tar_ext34_swap

查找文件&#xff1a;查找文件有很多种方法&#xff0c;我们先来说 which 命令&#xff08;可执行命令&#xff09;快速查找 作用&#xff1a;查找命令的绝对路径 which会在PATH变量所对应的目录里找&#xff0c;找到了就把绝对路径显示出来. PATH变量可以使用echo $PATH查看 …
阅读更多...
idea社区版开发tomcat web（jsp）程序

idea社区版开发tomcat web（jsp）程序

需要安装tomcat插件 file——settings——plugins—— marketplace中搜索tomcat&#xff0c;找到第一个smart tomcat&#xff0c;点击右侧install安装 创建项目File -> new ->maven 进入到maven中&#xff0c;勾选“Create from archetype”&#xff0c;图片如下&#xf…
阅读更多...
前端学习（2456）：文章列表

前端学习（2456）：文章列表

# 四、文章列表模块## 创建组件并配置路由1、创建 src/views/article/index.vuehtml <template><div class"article-container">内容管理</div> </template><script> export default {name: ArticleIndex,components: {},props: {},da…
阅读更多...
centos7 sonatype nexus3（支持maven、nuget、docker等）私服搭建

centos7 sonatype nexus3（支持maven、nuget、docker等）私服搭建

下载 https://help.sonatype.com/repomanager2/download/download-archives—repository-manager-oss https://www.sonatype.com/products/repository-oss-download https://download.sonatype.com/nexus/3/latest-unix.tar.gz 都下载不了&#xff0c;应该是被防火墙屏蔽了&a…
阅读更多...
iOS AppStore 申请加急审核

iOS AppStore 申请加急审核

1、在iTunes Connect 上面提交审核后&#xff0c;点击下面链接申请加急审核 链接&#xff1a;https://developer.apple.com/appstore/contact/appreviewteam/index.html 2、进去默认是:"request an expedited app review" 即&#xff1a;“申请加急审核” 3、填写联系…
阅读更多...
前端学习（2457）：文章发布

前端学习（2457）：文章发布

# 五、文章发布## 创建组件并配置路由1、创建 src/views/publish/index.vue 组件html <template><div class"publish-container">发布文章</div> </template><script> export default {name: PublishIndex,components: {},props: {},d…
阅读更多...
maven打包将依赖打包到target目录中

maven打包将依赖打包到target目录中

pom.xml的build/plugins节添加 <plugin><groupId>org.apache.maven.plugins</groupId><artifactId>maven-dependency-plugin</artifactId><executions><execution><id>copy-dependencies</id><phase>package<…
阅读更多...
Angular1.63 绑定数据与继承

Angular1.63 绑定数据与继承

html 部分 <body ng-app"myapp"> <div ng-controller"asd"> <p><span ng-bind"firstName"></span></p> </div> <div ng-controller"qwe"> <p><span ng-bind"firstName…
阅读更多...
前端学习（2458）：素材管理

前端学习（2458）：素材管理

# 六、素材管理## 创建组件并配置路由1、创建 src/views/image/index.vuehtml <template><div class"image-container">素材管理</div> </template><script> export default {name: ImageIndex,components: {},props: {},data () {ret…
阅读更多...
vuex中getters的参数

vuex中getters的参数

实际使用代码&#xff0c;将高阶函数变成正常函数&#xff0c;在第一个return位置打断点 const getters {getReadOnly: function(state, parameter, { App }) {return (row, prop) > {const shareUserID App.fileInfo.shareUserID;return getReadOnly(row, prop, shareUs…
阅读更多...
Deepgreen数据库日志清理脚本

Deepgreen数据库日志清理脚本

原文链接 数据库时间久了&#xff0c;难免会产生很多日志&#xff0c;Deepgreen的日志与Greenplum一样&#xff0c;都存在pg_log文件夹下&#xff0c;我们可以使用以下脚本&#xff0c;配合Linux定时任务&#xff0c;保存固定日期的日志即可&#xff1a; #!/bin/bash # filenam…
阅读更多...
前端学习（2458）：评论模块

前端学习（2458）：评论模块

# 七、评论模块## 评论列表### 创建组件并配置路由1、创建 src/views/comment/index.vue 并写入html <template><div>评论管理</div> </template><script>export default {// 组件的 name 最好起名为两个单词&#xff0c;尽量少用一个单词// 为什…
阅读更多...
转载：python引用DLL文件的方法

转载：python引用DLL文件的方法

python引用DLL文件的方法转载于:https://www.cnblogs.com/Regle/p/7003261.html
阅读更多...
前端学习（2460）：粉丝管理

前端学习（2460）：粉丝管理

# 九、粉丝管理## Web 图形开发介绍- MDN 参考链接&#xff1a;https://developer.mozilla.org/zh-CN/docs/Web/Guide/Graphics### 2D 图像&#xff1a;Canvas- [ECharts](https://echarts.apache.org/)### 2D 图像&#xff1a;SVG- [D3.js](https://d3js.org/)### 3D 图像&…
阅读更多...
最新文章

Copyright @ 2022~2023