告诉大家这个安装的方法,新版本不适用了!!!安装之后访问项目就会报错!Cannot read property ‘forEach’ of undefined。请大家转战

https://blog.csdn.net/sinat_35803474/article/details/116332089
这篇文章

网上查的有些是用yarn命令装的,我电脑上只有npm命令,目前也用不到yarn,就找到用npm的方法。
第一步:git 克隆react devtools
地址:https://github.com/facebook/react-devtools
在这里插入图片描述
2.克隆下来是这样的。在这里插入图片描述
第二步:切换分支
注意这还不能直接下用命令下载依赖什么的,很多博客上都少了一步,或者没有重点说明!我觉得很重要的,一定要切换到v3分支哈,不然就是各种错
1)npm WARN saveError ENOENT: no such file or directory, open ‘D:\myProgram\react-devtools\package.json’
在这里插入图片描述
2)A complete log of this run can be found in…,在这里插入图片描述
我们要看readme.md文件哈。git checkout v3
在这里插入图片描述
切换分支后,我们就能看到文件结构变了
在这里插入图片描述
我们接下来就可以好好玩耍了。
第三步: npm安装依赖
因为我用的是vscode,所以我用vscode打开的终端执行npm命令(实际上是我应该没有配npm的环境变量,导致我的cmd识别不了npm命令。。。呵呵哒,只能用vscode终端)
在这里插入图片描述
依赖安装成功
在这里插入图片描述
第四步:打包扩展程序
在这里插入图片描述
出现这个,表示成功!
** 第五步**:谷歌浏览器添加扩展程序
然后我们的项目目录就会粗线shell\chrome文件夹
在这里插入图片描述
1)谷歌点击设置
在这里插入图片描述
点击扩展程序
在这里插入图片描述
加载已解压的扩展程序
在这里插入图片描述
选择项目目录的shells\chrome\build下的unpacked文件夹,点击按钮“选择文件夹”
在这里插入图片描述
成功后出现以下结果.完结撒花~
加粗样式

Logo

瓜分20万奖金 获得内推名额 丰厚实物奖励 易参与易上手

更多推荐