将含自定义脚本的Angular应用部署至Vercel时遇错误

排查与修复方案 #

1. 校验路径大小写 #

Vercel基于Linux环境运行，文件名和路径区分大小写，但本地Windows/macOS默认不区分。如果本地文件实际命名（比如External-Script.js）和angular.json里的配置（external-script.js）大小写不一致，就会导致Vercel找不到文件。

• 核对本地文件的实际名称、路径和配置里的写法完全匹配，包括大小写。

2. 确认文件已被Git追踪 #

如果自定义脚本文件未加入Git提交，Vercel部署时无法拉取到该文件，会触发找不到文件的错误。

• 执行git status查看该文件是否在未追踪列表中
• 若未追踪，执行git add src/js/external-script.js，提交并推送代码至远程仓库

3. 调整路径写法 #

尝试修改angular.json里的脚本路径：去掉开头的./，改为相对路径的简化写法：

"scripts": [
  "./node_modules/bootstrap/dist/js/bootstrap.bundle.min.js",
  "src/js/external-script.js"
]

4. 对齐本地与Vercel的构建命令 #

确保Vercel项目的构建命令和本地一致：

• 本地构建命令通常为ng build --prod（或ng build，依Angular版本而定）
• 在Vercel的项目构建配置中，设置相同的构建命令，避免因构建流程差异导致路径解析错误

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