React项目Netlify部署报错找不到react-bootstrap/button模块求助

问题根因 #

你的本地开发环境是Windows或macOS，这类系统的文件系统默认大小写不敏感，因此你引入react-bootstrap/button（小写b）时可以正常匹配到实际的Button（大写B）组件文件，本地运行和构建都不会报错。但Netlify的构建环境为Linux系统，严格区分文件路径大小写，因此无法找到小写路径的组件，触发部署失败。
Netlify给出的npm install react-bootstrap/button的修复提示是错误的，npm会将组织名/包名格式的字符串识别为GitHub仓库地址，尝试拉取react-bootstrap组织下不存在的button仓库，因此会出现后续的git权限报错，无需执行该命令。

解决步骤 #

• 修正所有react-bootstrap组件的导入语句，将原来的

import Button from 'react-bootstrap/button'

修改为首字母大写的正确路径：

import Button from 'react-bootstrap/Button'

所有react-bootstrap组件的导入都要遵循首字母大写的规则，例如Card、Modal、Form等组件的引入路径都要和组件名保持大小写一致。

• 检查package.json文件的依赖列表，确认仅存在正常的react-bootstrap依赖项（格式为"react-bootstrap": "^对应版本号"），如果存在"react-bootstrap/button": "xxx"这类错误依赖项，直接删除该行。
• 删除本地的node_modules文件夹，以及package-lock.json（或yarn.lock、pnpm-lock.yaml）锁文件，执行npm install重新安装依赖。
• 本地执行npm run build确认构建可以正常完成后，将修改后的导入语句、锁文件提交到代码仓库，重新触发Netlify部署即可。

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