html img-tag：无法在同一个文件夹中找到图片

我正在尝试为Angular 2的WebApp制作幻灯片。问题是，当我尝试显示图片时，出现404错误。 Error-Message html img-tag：无法在同一个文件夹中找到图片

的图片是在同一文件夹作为我的HTML文件。

<img *ngIf="i == activeIndex" src="try1.png" style="width:100%; height: 500px">

PS：* ngIf不是问题，它完全适用于Internet源。

检查天气在浏览器中为该图像生成的URL是否指向正确的文件夹 – Amogh

尝试将其添加到您的.angular-cli.json下的文件assets部分：

"assets": [ 
    "assets", 
    "favicon.ico", 
    "try1.png" 
]

，并确保您的图像文件位于src/目录

2017-08-29 20:48:43 Andriy

只要您的图片资产的文件夹，并使用路径

src="/assets/try1.png"

希望它能帮到你

2017-08-29 20:53:51

感谢这为我工作 –

回答