Angular 19中ng serve无法加载静态资源？求助

核心问题 #

你的angular.json中assets配置的input路径错误。你把public文件夹建在了/src目录下，但配置里写的"input": "public"会让Angular去项目根目录寻找public文件夹，而非src子目录，导致图片文件根本没被复制到构建输出目录，自然访问返回404。

解决步骤 #

1. 修改angular.json的assets配置，将input值改为"src/public"：

"assets": [
  {
    "glob": "**/*",
    "input": "src/public"
  }
]

2. 重启ng serve（修改配置后必须重启服务才能生效）
3. 模板中保持使用ngSrc="/radom.webp"即可正常加载图片，因为构建后图片会被放到输出目录的根路径下。

为什么之前的路径都无效？ #

因为Angular没有把src/public里的文件打包到输出目录，无论你用哪种路径引用，服务器上都不存在对应的文件。之前使用assets文件夹正常，是因为默认配置里input值为"src/assets"，Angular能正确找到并打包该目录下的资源。

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