使用ng serve或npm start时,Angular 4将无法识别位于资产/图像文件夹中的某些图像

使用ng serve或npm start时,Angular 4将无法识别位于资产/图像文件夹中的某些图像,angular,image,assets,Angular,Image,Assets,当仅为某些图像运行localhost服务器时,即使它们的大小和文件类型相同,也会出现404个错误。Angular似乎没有正确更新或识别我的一些图像。打开Angular.json文件,其中包含有关项目的元信息。 有一个名为assets的属性,其形式为数组,请按如下方式添加您的assets文件夹: "assets": [ "src/favicon.ico", "src/assets", "src/images" ], Je

当仅为某些图像运行localhost服务器时,即使它们的大小和文件类型相同,也会出现404个错误。Angular似乎没有正确更新或识别我的一些图像。

打开Angular.json文件,其中包含有关项目的元信息。 有一个名为assets的属性,其形式为数组,请按如下方式添加您的assets文件夹:

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

Jeeze,不知道为什么会这样,但出于某种原因,源于我电脑的文件不会显示,但下载的文件会显示。例如,我的一张图片是我正在制作的一块PCB的剪断部分。要解决这个问题,我必须将它提交到一个网站(),然后下载回我的电脑。在那之后,我对图像没有任何问题。注:原始图像格式也是png格式


希望这对其他人有所帮助。

每次添加新文件时,您都需要使用
ctrl+c
停止
ng serve
,然后重新运行
ng serve
。我很感谢您的建议,但我已经尝试了好几次,但它仍然没有更新。可能图像正试图从已编译的生产文件夹加载?在执行prod命令之前,这些图像不会更新。您可以添加
angular.json
配置文件吗?嘿,不确定问题仍然是什么。目前正在尝试更新到Angular的较新版本,因为此问题在过去发生过很多次,但始终无法修复。我认为Angular.json没有问题,因为它引用了src/images目录中的大多数图像。我还没有尝试使用prod命令进行构建,因为我正在进行更新,但会让您知道这是否可行。我的angular.json文件中已经有了“src/assets”,其中有一个子目录“images”。但是,这些图像中的大多数都会显示,有些图像根本无法被本地主机Angular server ng serve检索到。