某一天不知道怎么react devtool不能正常的顯示react的自定義組件結(jié)構(gòu)它碎,*墻工具一時(shí)半會(huì)也用不了陨舱,網(wǎng)上找到通過編譯生成需要的React DevTool插件
react devtool官方包地址
下載你電腦環(huán)境需要的壓縮包府框,
cnpm install
npm run build:extension:chrome
之后會(huì)出現(xiàn)以下內(nèi)容催跪,
> @ build:extension:chrome C:\Users\hp\Desktop\react-devtools-3.3.2
> node ./shells/chrome/build
? Preparing build
? Building extension - temporary files in shells\webextension\build\chrome
? Unpacking extension - artifacts in shells\chrome\build
The Chrome extension has been built!
You can test this build by running:
# From the react-devtools root directory:
yarn run test:chrome
C:\Users\hp\Desktop\react-devtools-3.3.2>yarn run test:chrome
yarn run v1.3.2
$ node ./shells/chrome/test
react-devtools-3.2.1 > shells > chrome 下邊多了build 以及下邊的 unpacked文件夾,打開chrome://extensions/ 加載已解壓的擴(kuò)展程序指向unpacked文件 ok守屉,記住不要?jiǎng)h掉unpacked文件夾