搭建成功的react项目，start后白屏
问题描述：
使用react脚手架创建react基础项目。出现happy hacking表明创建已经成功。
使用npm start打开项目，白屏，f12输出error：
问题原因：
与chrom浏览器的react开发插件（react developer tools）发生冲突
解决方法1：
简单粗暴型
直接关闭这个插件。
然后重启项目
解决方法2：
治标不治本但是可以保留react开发者插件
看报错内容，第二行可以看到是一个我们项目代码的路径。（实际上其他的几行，点开了发现也看不太懂） 按照这个路径，找到这一行代码，注释掉：RefreshRuntime.injectIntoGlobalHook(safeThis);
image.png
保存，然后重启项目。
可以看到项目正常运行并且开发者模式中的react插件仍存在
最先面一行最后一个“React”就是对应插件
解决方法3：
完美解决
更新chrom浏览器的react开发插件（react developer tools）
更新到4.x版本以上
使其能够与版本在17.0以上的react项目相兼容
两个版本我都安装了，左边是3.x右边是4.x
注意版本：
最终结果：
安装4.x版本的react开发插件
插件在当前文件夹下就可以找到：拖进谷歌浏览器的拓展程序安装页面即可安装
