react-devtools安裝以及使用中的問題

使用react框架開發的小伙伴肯定都想使用想vue-devtools開發工具一樣，可以看見組件的狀態，和當前組件里的props，data等等。

當然react也有一個開發者工具，現在廢話少說，開始安裝。

可以直接訪問谷歌應用商店的小伙伴就可以不看安裝步驟了！

安裝

我們從githuab上拉取代碼，本地打包生成谷歌的插件，然后添加就行了！

• 下載
  這里我們就不用github了，用碼雲gitee快速下載。
  Gitee 極速下載 / react-devtools

本地拉取代碼，找個文件夾，打開cmd窗口 輸入 git clone https://gitee.com/mirrors/react-devtools.git

代碼拉取后,cmd進入文件夾react-devtools 使用 npm i 安裝依賴

安裝依賴后使用npm run build:extension:chrome 打包生成谷歌插件

• 安裝

打開谷歌瀏覽器 輸入chrome://extensions/,把打包后的文件拖入頁面即可!

問題

遇到TypeError: Cannot read property 'forEach' of undefined Object.injectIntoGlobalHook (react-refresh-runtime.development.js:465)

找到路徑node_modules\@pmmmwh\react-refresh-webpack-plugin\client下的ReactRefreshEntry.js文件
注釋掉RefreshRuntime.injectIntoGlobalHook(safeThis);,重新啟動即可！