如何在Angular2中使用Webpack

时间:2016-09-30 16:06:45

标签: image angular webpack

应用程序是在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" >

1 个答案:

答案 0 :(得分:0)

经过一些搜索后,似乎图片文件夹必须放在src文件夹或assets文件夹中。在RC5中并非如此。一旦我将所有图像/视频/等移动到/ assets文件夹,我现在就能在浏览器中看到它们。