升级Angular 14后assets文件夹图片无法加载，求配置解决方案

• 检查angular.json的Assets配置
  打开项目根目录下的angular.json，找到build -> options -> assets数组，确认是否包含src/assets目录。正确配置示例：

  "assets": [
    "src/favicon.ico",
    "src/assets"
  ]
  

  这个配置会自动包含assets目录下所有文件及子目录，若有自定义子路径需求，也要确保配置路径准确。

• 修正模板中的图片路径写法
  你之前的写法存在两个关键问题：

  1. 动态绑定[src]时，路径必须用单引号包裹成字符串，否则Angular会把它当作组件变量解析，正确写法应为[src]="'assets/images/sidebarNav.png'"
  2. 必须加上完整的文件后缀（如.png/.jpg），否则浏览器无法识别对应文件
     若为静态引用，直接写src="assets/images/sidebarNav.png"即可，无需使用[src]绑定。

• 清理缓存重新构建
  运行以下命令清理缓存并重启开发服务：

  ng clean
  ng serve
  

  生产环境构建时，执行ng build后检查dist目录，确认assets/images/sidebarNav.png是否被正确打包。

• 核对文件名与路径的大小写
  Angular生产构建默认区分大小写，需确保模板中的路径与实际文件的大小写完全一致，比如sidebarNav.png不能写成SidebarNav.png。

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