安装最新版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了

相关推荐
患得患失9494 分钟前
【前端】【组件库开发】【原理】【无框架开发】现代网页弹窗开发指南:从基础到优化
前端
AliciaIr8 分钟前
深入React事件机制:解密“合成事件”与“事件委托”的底层奥秘
javascript·react.js
运维咖啡吧13 分钟前
给朋友们分享个好消息 7天时间23.5k
前端·程序员·ai编程
元气小嘉25 分钟前
前端技术小结
开发语言·前端·javascript·vue.js·人工智能
神仙别闹40 分钟前
基于ASP.NET+SQL Server实现(Web)企业进销存管理系统
前端·后端·asp.net
江城开朗的豌豆2 小时前
Vue计算属性:为什么我的代码突然变优雅了?
前端·javascript·vue.js
Sun_light2 小时前
5 个理由告诉你为什么有了 JS 还要用 TypeScript
前端·typescript
陈随易2 小时前
Kimi k2发布,效果比肩Sonnet4,价格与DeepSeek一致
前端·后端·程序员
心.c2 小时前
后台管理系统-权限管理
javascript·react.js·github
一点一木2 小时前
🚀 2025 年 06 月 GitHub 十大热门项目排行榜 🔥
前端·人工智能·github