某一天不知道怎么react devtool不能正常的显示react的自定义组件结构,*墙工具一时半会也用不了,网上找到通过编译生成需要的React DevTool插件
react devtool官方包地址
下载你电脑环境需要的压缩包,
cnpm install
npm run build:extension:chrome
之后会出现以下内容,
> @ 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/ 加载已解压的扩展程序指向unpacked文件 ok,记住不要删掉unpacked文件夹