react 调试:
安装调试工具:React 开发者工具
该工具连接地址:https://github.com/facebook/react/tree/master/packages/react-devtools
我react项目是window使用npm构建的:
-
进入项目目录
-
执行npm 下载命令,安装react开发者工具
-
-
windows 命令行窗口,切换到项目所在目录,执行 react-devtools ,启动react开发者工具,如下图
-
-
会弹出如下窗口
7.按面板的提示,把<script src="http://localhost:8097"></script> 添加到要调试的 的html 页面的<head></head>标签内,react_devtool调试面板就出来了,如下图