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

相关推荐
韭菜炒大葱11 分钟前
现代前端开发工程化:Vue3 + Vite 带你从 0 到 1 搭建 Vue3 项目🚀
前端·vue.js·vite
有意义17 分钟前
从 useState 到 useEffect:React Hooks 核心机制详解
javascript·react.js·前端工程化
栀秋66619 分钟前
面试常考的最长递增子序列(LIS),到底该怎么想、怎么写?
前端·javascript·算法
Melrose20 分钟前
Flutter - 使用Jaspr来构建SEO友好网站
前端·flutter
有点笨的蛋22 分钟前
Vue3 项目:宠物照片变身冰球运动员的 AI 应用
前端·vue.js
盖头盖29 分钟前
【nodejs中的ssrf】
前端
江城开朗的豌豆38 分钟前
TypeScript和JavaScript到底有什么区别?
前端·javascript
学高数就犯困1 小时前
React + Vite:用Fetch将.csv大文件数据转成JSON字符串
react.js
鸡吃丸子1 小时前
初识Docker
运维·前端·docker·容器
老华带你飞1 小时前
学生请假管理|基于springboot 学生请假管理系统(源码+数据库+文档)
java·前端·数据库·vue.js·spring boot·后端·spring