[开发问题]React devtool在chrome下无法使用

某一天不知道怎么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文件夹

你可能感兴趣的:([开发问题]React devtool在chrome下无法使用)