ng build生成空白index.html，ng build --prod报未知参数prod错误求助

1. 修复ng build --prod参数错误 #

Angular 16及后续版本已废弃--prod参数，使用以下命令替代：

ng build --configuration production
# 简写形式
ng build -c production

2. 解决空白index.html问题 #

检查base href配置 #

• 打开src/index.html，确认<base href="/">与你的部署路径匹配。若部署在子目录（如/my-app/），需修改为<base href="/my-app/">。
• 也可在构建时直接指定base href：

  ng build -c production --base-href /your-deploy-path/
  

排查资源加载路径 #

从控制台错误来看，核心问题是静态资源（JS/CSS）加载失败：

• 打开angular.json，检查projects.[你的项目名].architect.build.options.outputPath，确认构建输出目录正确。
• 验证projects.[你的项目名].architect.build.options.assets配置，确保图片、字体等静态资源被正确复制到输出目录。

验证构建产物 #

• 检查构建输出目录（默认dist/），确认存在main.*.js、polyfills.*.js、styles.*.css等核心文件。
• 打开dist/index.html，核对资源引用路径与实际文件路径是否一致。

本地预览测试 #

用本地服务器预览构建产物，比如执行：

npx serve dist/

访问服务器地址，确认页面是否正常加载，控制台是否还有错误。

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