安装最新版React devtool

1.按照官方文档执行

我这里只想在项目里安装,因此执行的
npm install react-devtools@^4

2.安装完成后,在 package.json里加入启动命令

javascript 复制代码
"script": {
	"dev": "react-devtools"
}

执行npm run dev会弹出一个窗口

如果是全局安装的,则直接执行react-devtools

3.把<script src="http://localhost:8097"></script> copy 到项目的index.html中保存,窗口连接项目成功展示调试界面

遇到的问题

在安装react-devtools时,npm报错

可以看到是我的node版本不支持,换成他支持的node版本就OK了

相关推荐
还是大剑师兰特14 分钟前
Vue3 报错:computed value is readonly 解决方案
前端·vue.js
leaves falling22 分钟前
有效的字母异位词
java·服务器·前端
We་ct30 分钟前
LeetCode 35. 搜索插入位置:二分查找的经典应用
前端·算法·leetcode·typescript·个人开发
左耳咚31 分钟前
Claude Code 中的 SubAgent
前端·ai编程·claude
FPGA小迷弟33 分钟前
高频时钟设计:FPGA 多时钟域同步与时序收敛实战方案
前端·学习·fpga开发·verilog·fpga
IT古董33 分钟前
【前端】企业级前端调试体系设计(含日志埋点 + Eruda 动态注入 + Sentry)
前端·sentry
gis开发38 分钟前
cesium 中添加鹰眼效果
前端·javascript
前端付豪1 小时前
Memory V1:让 AI 记住你的关键信息
前端·后端·llm
毛骗导演1 小时前
@tencent-weixin/openclaw-weixin 插件深度解析(三):CDN 媒体服务深度解析
前端·架构
谁在黄金彼岸1 小时前
Threejs实现 3D 看房效果
前端