React DevTools的安装与安装后项目报错解决

react DevTools的安装

1. 进入官网https://github.com/facebook/react-devtools/tree/v3，Download Zip

2. 解压后进入react-devtools-3目录，cnpm i 安装依赖

3. 再进入到react-devtools-3/shells/chrome目录下，执行 node build.js

4. 运行成功后会在当前目录生成一个build文件夹，build文件夹下的unpacked文件夹即为我们所需要的插件

5. 打开Chrome浏览器-扩展程序，将unpacked文件夹拖入，安装成功

打开调试工具后发现谷歌浏览器报错：

Uncaught TypeError: Cannot read properties of undefined (reading ‘forEach‘)，项目不能正常运行

1.非官方下载crx文件，下载地址：​​​​​​Download React Developer Tools 4.24.3 CRX File for Chrome - Crx4Chrome

 

打开谷歌浏览器，工具-拓展程序，将下载好crx文件直接拖到扩展程序中就安装好了

两篇原文链接

 React Devtools安装教程 - 简书

关于react出现Cannot read properties of undefined (reading ‘forEach‘)的解决方案。_唐家小妹的博客-CSDN博客