1.从GitHub中将react-devtools项目源码拷贝到本地

下载地址：https://github.com/facebook/react-devtools

2.安装项目依赖

npm install

3.查找项目命令

从Package.json文件中的Script下查找以下命令

4.打包项目，生成拓展程序

npm run build:extension:chrome

5.将拓展程序安装到浏览器中,并开始React调试

从浏览器地址栏中打开地址chrome://extensions/,点击“加载已解压的扩展程序”加载完成之后，即安装成功。

6.注意事项

不要删除shells\chrome\build\unpacked文件夹

 

安装踩坑： Cannot read properties of undefined (reading 'forEach')

　　

 

 解决方式：

1.进入项目，打开../node_modules/@pmmmwh/react-refresh-webpack-plugin/client/ReactRefreshEntry.js

2.注释报错代码，npm start