应用程序是在Angular2 RC5中创建的。在RC5(没有webpack)一切正常。图像按预期显示。
在与Webpack一起升级到Angular 2.0.0的最终版本后,我公共文件夹中的图像不再适用于应用程序中的任何位置。使用Angular CLI通过Webpack创建一个全新的Angular2安装来完成升级。
http://localhost:4200/images/thumbs/2016/09/16/IMG_3879.jpg 404 (Not Found)
相同的确切路径在RC5中正常工作。要在/ public / images文件夹中查看图像(在RC5中工作的位置)或图像放在何处,需要做些什么?
在我的模板中,我用以下方式调用图像:
<img class="img-responsive" [src]="asset.thumb_local_path" >
答案 0 :(得分:0)
经过一些搜索后,似乎图片文件夹必须放在src文件夹或assets文件夹中。在RC5中并非如此。一旦我将所有图像/视频/等移动到/ assets文件夹,我现在就能在浏览器中看到它们。