Angular 4 img src 未找到

Question

我在使用 angular 4 获取图像时遇到问题。它一直告诉我找不到图像。

文件夹结构：

app_folder/
app_component/
  - my_componenet
  - image_folder/
      - myimage

我正在使用mycomponent中的图像。 如果在mycomponent ，我直接插入它：

<img src="img/myimage.png"

这工作正常，但我检查了 html 并创建了 hash。 但是我的图像必须动态添加到 html 因为它们是列表的一部分。 所以，如果我使用：

<img src="{{imagePath}}">

这基本上是img/myimage.png ，它不起作用。 如果我使用：

<img [src]="imagePath">

它说NOT FOUND (htttps://localhost/img/myimage.png) 。 你能帮助我吗？

Answer 1

我在获取角度为 4 的图像时遇到问题。它一直告诉我找不到图像。

文件夹结构：

app_folder/
app_component/
  - my_componenet
  - image_folder/
      - myimage

我在mycomponent使用图像。 如果在mycomponent ，我直接插入它：

<img src="img/myimage.png"

这工作正常，但我检查了 html 并创建了一个哈希。 但是我的图像必须动态添加到 html 中，因为它们是列表的一部分。 所以，如果我使用：

<img src="{{imagePath}}">

这基本上是img/myimage.png ，它不起作用。 如果我使用：

<img [src]="imagePath">

它说NOT FOUND (htttps://localhost/img/myimage.png) 。 你能帮助我吗？

Answer 2

我在获取角度为 4 的图像时遇到问题。它一直告诉我找不到图像。

文件夹结构：

app_folder/
app_component/
  - my_componenet
  - image_folder/
      - myimage

我在mycomponent使用图像。 如果在mycomponent ，我直接插入它：

<img src="img/myimage.png"

这工作正常，但我检查了 html 并创建了一个哈希。 但是我的图像必须动态添加到 html 中，因为它们是列表的一部分。 所以，如果我使用：

<img src="{{imagePath}}">

这基本上是img/myimage.png ，它不起作用。 如果我使用：

<img [src]="imagePath">

它说NOT FOUND (htttps://localhost/img/myimage.png) 。 你能帮助我吗？

Answer 3

我在获取角度为 4 的图像时遇到问题。它一直告诉我找不到图像。

文件夹结构：

app_folder/
app_component/
  - my_componenet
  - image_folder/
      - myimage

我在mycomponent使用图像。 如果在mycomponent ，我直接插入它：

<img src="img/myimage.png"

这工作正常，但我检查了 html 并创建了一个哈希。 但是我的图像必须动态添加到 html 中，因为它们是列表的一部分。 所以，如果我使用：

<img src="{{imagePath}}">

这基本上是img/myimage.png ，它不起作用。 如果我使用：

<img [src]="imagePath">

它说NOT FOUND (htttps://localhost/img/myimage.png) 。 你能帮助我吗？

Answer 4

我在获取角度为 4 的图像时遇到问题。它一直告诉我找不到图像。

文件夹结构：

app_folder/
app_component/
  - my_componenet
  - image_folder/
      - myimage

我在mycomponent使用图像。 如果在mycomponent ，我直接插入它：

<img src="img/myimage.png"

这工作正常，但我检查了 html 并创建了一个哈希。 但是我的图像必须动态添加到 html 中，因为它们是列表的一部分。 所以，如果我使用：

<img src="{{imagePath}}">

这基本上是img/myimage.png ，它不起作用。 如果我使用：

<img [src]="imagePath">

它说NOT FOUND (htttps://localhost/img/myimage.png) 。 你能帮助我吗？

Answer 5

我在获取角度为 4 的图像时遇到问题。它一直告诉我找不到图像。

文件夹结构：

app_folder/
app_component/
  - my_componenet
  - image_folder/
      - myimage

我在mycomponent使用图像。 如果在mycomponent ，我直接插入它：

<img src="img/myimage.png"

这工作正常，但我检查了 html 并创建了一个哈希。 但是我的图像必须动态添加到 html 中，因为它们是列表的一部分。 所以，如果我使用：

<img src="{{imagePath}}">

这基本上是img/myimage.png ，它不起作用。 如果我使用：

<img [src]="imagePath">

它说NOT FOUND (htttps://localhost/img/myimage.png) 。 你能帮助我吗？

Answer 6

我在获取角度为 4 的图像时遇到问题。它一直告诉我找不到图像。

文件夹结构：

app_folder/
app_component/
  - my_componenet
  - image_folder/
      - myimage

我在mycomponent使用图像。 如果在mycomponent ，我直接插入它：

<img src="img/myimage.png"

这工作正常，但我检查了 html 并创建了一个哈希。 但是我的图像必须动态添加到 html 中，因为它们是列表的一部分。 所以，如果我使用：

<img src="{{imagePath}}">

这基本上是img/myimage.png ，它不起作用。 如果我使用：

<img [src]="imagePath">

它说NOT FOUND (htttps://localhost/img/myimage.png) 。 你能帮助我吗？

Answer 7

我在获取角度为 4 的图像时遇到问题。它一直告诉我找不到图像。

文件夹结构：

app_folder/
app_component/
  - my_componenet
  - image_folder/
      - myimage

我在mycomponent使用图像。 如果在mycomponent ，我直接插入它：

<img src="img/myimage.png"

这工作正常，但我检查了 html 并创建了一个哈希。 但是我的图像必须动态添加到 html 中，因为它们是列表的一部分。 所以，如果我使用：

<img src="{{imagePath}}">

这基本上是img/myimage.png ，它不起作用。 如果我使用：

<img [src]="imagePath">

它说NOT FOUND (htttps://localhost/img/myimage.png) 。 你能帮助我吗？

Answer 8

我在获取角度为 4 的图像时遇到问题。它一直告诉我找不到图像。

文件夹结构：

app_folder/
app_component/
  - my_componenet
  - image_folder/
      - myimage

我在mycomponent使用图像。 如果在mycomponent ，我直接插入它：

<img src="img/myimage.png"

这工作正常，但我检查了 html 并创建了一个哈希。 但是我的图像必须动态添加到 html 中，因为它们是列表的一部分。 所以，如果我使用：

<img src="{{imagePath}}">

这基本上是img/myimage.png ，它不起作用。 如果我使用：

<img [src]="imagePath">

它说NOT FOUND (htttps://localhost/img/myimage.png) 。 你能帮助我吗？

Answer 9

我在获取角度为 4 的图像时遇到问题。它一直告诉我找不到图像。

文件夹结构：

app_folder/
app_component/
  - my_componenet
  - image_folder/
      - myimage

我在mycomponent使用图像。 如果在mycomponent ，我直接插入它：

<img src="img/myimage.png"

这工作正常，但我检查了 html 并创建了一个哈希。 但是我的图像必须动态添加到 html 中，因为它们是列表的一部分。 所以，如果我使用：

<img src="{{imagePath}}">

这基本上是img/myimage.png ，它不起作用。 如果我使用：

<img [src]="imagePath">

它说NOT FOUND (htttps://localhost/img/myimage.png) 。 你能帮助我吗？

Answer 10

我在获取角度为 4 的图像时遇到问题。它一直告诉我找不到图像。

文件夹结构：

app_folder/
app_component/
  - my_componenet
  - image_folder/
      - myimage

我在mycomponent使用图像。 如果在mycomponent ，我直接插入它：

<img src="img/myimage.png"

这工作正常，但我检查了 html 并创建了一个哈希。 但是我的图像必须动态添加到 html 中，因为它们是列表的一部分。 所以，如果我使用：

<img src="{{imagePath}}">

这基本上是img/myimage.png ，它不起作用。 如果我使用：

<img [src]="imagePath">

它说NOT FOUND (htttps://localhost/img/myimage.png) 。 你能帮助我吗？

Answer 11

我在获取角度为 4 的图像时遇到问题。它一直告诉我找不到图像。

文件夹结构：

app_folder/
app_component/
  - my_componenet
  - image_folder/
      - myimage

我在mycomponent使用图像。 如果在mycomponent ，我直接插入它：

<img src="img/myimage.png"

这工作正常，但我检查了 html 并创建了一个哈希。 但是我的图像必须动态添加到 html 中，因为它们是列表的一部分。 所以，如果我使用：

<img src="{{imagePath}}">

这基本上是img/myimage.png ，它不起作用。 如果我使用：

<img [src]="imagePath">

它说NOT FOUND (htttps://localhost/img/myimage.png) 。 你能帮助我吗？

Answer 12

我在获取角度为 4 的图像时遇到问题。它一直告诉我找不到图像。

文件夹结构：

app_folder/
app_component/
  - my_componenet
  - image_folder/
      - myimage

我在mycomponent使用图像。 如果在mycomponent ，我直接插入它：

<img src="img/myimage.png"

这工作正常，但我检查了 html 并创建了一个哈希。 但是我的图像必须动态添加到 html 中，因为它们是列表的一部分。 所以，如果我使用：

<img src="{{imagePath}}">

这基本上是img/myimage.png ，它不起作用。 如果我使用：

<img [src]="imagePath">

它说NOT FOUND (htttps://localhost/img/myimage.png) 。 你能帮助我吗？

Answer 13

我在获取角度为 4 的图像时遇到问题。它一直告诉我找不到图像。

文件夹结构：

app_folder/
app_component/
  - my_componenet
  - image_folder/
      - myimage

我在mycomponent使用图像。 如果在mycomponent ，我直接插入它：

<img src="img/myimage.png"

这工作正常，但我检查了 html 并创建了一个哈希。 但是我的图像必须动态添加到 html 中，因为它们是列表的一部分。 所以，如果我使用：

<img src="{{imagePath}}">

这基本上是img/myimage.png ，它不起作用。 如果我使用：

<img [src]="imagePath">

它说NOT FOUND (htttps://localhost/img/myimage.png) 。 你能帮助我吗？

Answer 14

我在获取角度为 4 的图像时遇到问题。它一直告诉我找不到图像。

文件夹结构：

app_folder/
app_component/
  - my_componenet
  - image_folder/
      - myimage

我在mycomponent使用图像。 如果在mycomponent ，我直接插入它：

<img src="img/myimage.png"

这工作正常，但我检查了 html 并创建了一个哈希。 但是我的图像必须动态添加到 html 中，因为它们是列表的一部分。 所以，如果我使用：

<img src="{{imagePath}}">

这基本上是img/myimage.png ，它不起作用。 如果我使用：

<img [src]="imagePath">

它说NOT FOUND (htttps://localhost/img/myimage.png) 。 你能帮助我吗？

Answer 15

我在获取角度为 4 的图像时遇到问题。它一直告诉我找不到图像。

文件夹结构：

app_folder/
app_component/
  - my_componenet
  - image_folder/
      - myimage

我在mycomponent使用图像。 如果在mycomponent ，我直接插入它：

<img src="img/myimage.png"

这工作正常，但我检查了 html 并创建了一个哈希。 但是我的图像必须动态添加到 html 中，因为它们是列表的一部分。 所以，如果我使用：

<img src="{{imagePath}}">

这基本上是img/myimage.png ，它不起作用。 如果我使用：

<img [src]="imagePath">

它说NOT FOUND (htttps://localhost/img/myimage.png) 。 你能帮助我吗？

Answer 16

我在获取角度为 4 的图像时遇到问题。它一直告诉我找不到图像。

文件夹结构：

app_folder/
app_component/
  - my_componenet
  - image_folder/
      - myimage

我在mycomponent使用图像。 如果在mycomponent ，我直接插入它：

<img src="img/myimage.png"

这工作正常，但我检查了 html 并创建了一个哈希。 但是我的图像必须动态添加到 html 中，因为它们是列表的一部分。 所以，如果我使用：

<img src="{{imagePath}}">

这基本上是img/myimage.png ，它不起作用。 如果我使用：

<img [src]="imagePath">

它说NOT FOUND (htttps://localhost/img/myimage.png) 。 你能帮助我吗？

Answer 17

这是我的问题，我添加了 src/app/types/types.d.ts 的内容：

declare module '*.png' {
    const value: any
    export default value
}

declare module '*.jpg' {
    const value: any
    export default value
}

declare module '*.svg' {
    const value: any
    export default value
}