Question

我对角2很新我被困在这里，我必须显示一个我正在使用相对路径的图像

<img src="./../images/publicVideo1.PNG">

但得到以下错误

null:1 GET http://localhost:4200/null 404 (Not Found)

上面是app结构，我在images文件夹中有图像，我试图从public-videos.component.html访问

我不明白我哪里错了任何帮助将不胜感激。

Answer 1

在src目录中创建一个目录assets。并将图像目录移动到资源，然后您可以访问这样的图像。在app文件夹中找不到图像，因为我们需要在.angular-cli.json中的assets []块中设置路径。我们需要设置路径到资产块我们访问它。这有帮助。

<img src="../../assets/images/publicVideo1.PNG">

<强>角cli.json

Answer 2

试试这个<img src="./src/app/images/publicVideo1.PNG">

Answer 3

在这里试试这个

<img [src]="defaultProfilePic" />

并在您的组件中

defaultProfilePic: string ='assets/profile.png';

如果这不起作用，那是因为您使用的相对路径。如果您使用visualCode，它将帮助您找到确切的路径。

Answer 4

提及相对于index.html的路径。如果您的index.html位于src文件夹中，请尝试以下操作：

<img src="./app/images/publicVideo1.PNG">