安装React Devtools调试工具

2021/11/14 6:09:58

编程Tag： react chrome npm 调试项目安装 devtools

本文主要是介绍安装React Devtools调试工具，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

1.从GitHub中将react-devtools项目源码拷贝到本地

下载地址：https://github.com/facebook/react-devtools

2.安装项目依赖

npm install

3.查找项目命令

从Package.json文件中的Script下查找以下命令

4.打包项目，生成拓展程序

npm run build:extension:chrome

5.将拓展程序安装到浏览器中,并开始React调试

从浏览器地址栏中打开地址chrome://extensions/,点击“加载已解压的扩展程序”加载完成之后，即安装成功。

6.注意事项

不要删除shells\chrome\build\unpacked文件夹

安装踩坑： Cannot read properties of undefined (reading 'forEach')

解决方式：

1.进入项目，打开../node_modules/@pmmmwh/react-refresh-webpack-plugin/client/ReactRefreshEntry.js

2.注释报错代码，npm start

这篇关于安装React Devtools调试工具的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！