如何将全栈应用提交到GitHub并修复client文件夹无法点击问题

带箭头的不可点击文件夹是Git识别的异常子模块，本质是你创建React项目时，脚手架默认会自动给client目录初始化Git仓库，生成隐藏的.git文件夹。等你在外层项目根目录执行git init时，外层Git仓库无法正常追踪已经包含独立Git仓库的client目录，只会将其标记为未配置的子模块引用，就出现了GitHub上无法点击的情况。

• 先进入项目根目录，执行命令删除Git缓存中的client目录记录：
  git rm --cached client
  不要加-r参数，该操作只会删除Git缓存记录，不会删除你本地的client目录实际文件
• 进入client目录，删除内部的.git隐藏文件夹：
  • Mac/Linux系统直接执行rm -rf .git即可
  • Windows系统先在文件管理器开启「显示隐藏的项目」，找到.git文件夹手动删除
• 回到项目根目录，重新将client目录所有内容加入Git追踪：
  git add client/
• 提交修改：
  git commit -m "修复client目录无法正常显示的问题"
• 最后推送到GitHub：
  git push

推送完成后刷新GitHub仓库页面，client文件夹就可以正常点击查看内部内容了。

内容的提问来源于stack exchange，提问作者Mohamed