Azure部署Angular遇异常：执行ng build生产构建后dist目录结构异常

以下是几个可能的原因和对应的解决方法：

• 检查angular.json的输出路径配置
  打开项目根目录的angular.json文件，找到projects下你的项目节点，查看architect -> build -> options -> outputPath的配置。默认情况下这个路径应该是dist/你的应用名称，如果被修改成了dist，构建产物就会直接输出到dist根目录，不会生成appname子文件夹。同时也要检查production配置（architect -> build -> configurations -> production）里有没有重写outputPath，如果有，会覆盖默认配置。

• 确认dist文件夹的可见性
  先通过终端验证dist是否存在：在项目根目录执行ls dist（Mac/Linux）或dir dist（Windows命令提示符），如果终端能看到dist目录和里面的内容，那就是文件管理器或VS Code资源管理器的显示问题。可以点击VS Code资源管理器顶部的刷新按钮，或者检查系统文件夹是否开启了「显示隐藏文件」的选项（Windows在文件夹选项里设置，Mac按Cmd+Shift+.）。

• 清理缓存后重新构建
  Angular的构建缓存可能导致异常，执行ng clean（Angular 12及以上版本支持）清理缓存，或者手动删除node_modules/.cache文件夹，之后再重新运行ng build --configuration=production。

• 排查构建日志中的异常信息
  仔细查看构建命令执行时的终端输出，有没有被忽略的警告或错误。比如权限不足可能导致部分文件无法生成，或者依赖缺失导致构建不完整，但命令可能仍返回「成功」状态。如果有相关报错，根据提示修复对应的问题（比如安装缺失的依赖、调整文件夹权限）。

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