0

我正在尝试使用本地磁盘中的图像将轮播组件添加到我的页面

<carousel>
<slide>
    <img src="assets/images/11.png" alt="First slide">
</slide>
<slide>
    <img src="assets/images/22.png" alt="Second slide">
</slide>
<slide>
    <img src="assets/images/33.png" alt="Third slide">
</slide>

我确定图像路径，这方面没有问题。加载页面时，图像不显示。相反，如果我对来自网络的图像使用相同的代码，一切都会正确加载

<carousel>
    <slide>
        <img src="http://lorempixel.com/1500/600/abstract/1" alt="First slide">
    </slide>
    <slide>
        <img src="http://lorempixel.com/1500/600/abstract/2" alt="Second slide">
    </slide>
    <slide>
        <img src="http://lorempixel.com/1500/600/abstract/3" alt="Third slide">
    </slide>
</carousel>

项目结构

如果我打开 URL http://localhost:49863/app/app.component.html，图像加载正确，但页面设计当然不正确

4

0 回答 0