推送React应用到Git报错因babel包文件名过长，应如何处理？

可以直接忽略该文件吗？ #

完全可以，并且按照前端项目的通用规范，你本来就不应该把node_modules目录提交到Git仓库。
node_modules是包管理工具（npm/yarn/pnpm等）根据项目package.json、依赖锁文件自动下载生成的依赖目录，所有内容都可以通过执行安装命令重新生成，提交到仓库只会占用不必要的存储空间，拖慢仓库拉取、推送的速度，业内标准做法是全局忽略整个node_modules目录。

为什么会出现文件名长度超出限制的问题？ #

这个问题几乎只会出现在Windows系统环境下：

• Windows系统默认开启了最大路径长度限制，单条路径的最大允许长度为260个字符。你遇到的报错路径是多层嵌套的node_modules目录叠加后，总长度超过了260的限制，Git默认遵循系统的路径长度规则，因此会出现无法打开、索引文件的报错。
• 路径多层嵌套的原因是旧版本包管理工具处理依赖冲突时，会把版本冲突的依赖嵌套安装在对应依赖包的node_modules目录下，就会出现多层node_modules叠加的长路径，高版本的包管理工具已经做了依赖提升优化，这类问题出现的概率已经低了很多。

快速解决步骤 #

• 在项目根目录创建.gitignore文件，添加一行配置node_modules/，直接忽略整个依赖目录
• 如果此前已经把node_modules提交到了Git暂存区，执行命令git rm -r --cached node_modules清除暂存的依赖文件
• 后续如果确实有提交长路径文件的需求，可以执行命令git config --global core.longpaths true，开启Git的长路径支持，最高可支持4096字符的路径，避免同类报错

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