使用react-devtools后出现Uncaught TypeError: Cannot read property ‘forEach‘ of undefined的解决方法

在开发环境，使用到react-devtools来方便查看react dom，按github上react-devtools项目中下载的v3分支代码，一顿操作后运行项目，发现控制台报了react-refresh-runtime.development.js:465 Uncaught TypeError: Cannot read property 'forEach' of undefined

这看的我一脸懵逼啊，各种在网上找解决方法，然鹅，基本都是v3版本的。

经过一番挣扎，终于看到曙光，好家伙，就是版本的问题。现在我使用脚手架创建的react项目版本是^17.0.1，那么，就不应该使用react-devtools的v3版本，应该使用v4以上的版本，附上v4插件地址：https://www.crx4chrome.com/crx/3068/

直接下载这个插件，下载完后，将插件的.crx后缀名改为**.rar**：
fmkadmapgofadopljbjfkapdkoienihi-4.10.1-1242020-Crx4Chrome.com.crx ----->>
fmkadmapgofadopljbjfkapdkoienihi-4.10.1-1242020-Crx4Chrome.com.rar
然后解压该文件，解压后如下图：

文件内是这个样子：

接着，在谷歌浏览器中打开扩展页面chrome://extensions/，打开开发者模式，选择加载已解压的扩展文件，添加后关闭开发者模式，最好可以重启下浏览器。
最后，运行项目，再也不报错了，当然v4的版本跟v3还是有些差别，再慢慢摸索学习，不过现在可以愉快的玩耍啦~