如何调试 blazor 项目中的图像未找到错误？

Question

在我的小型 blazor 项目中，我想在视图中显示图像，如下所示：

<img scr="img/background.jpg" class="img" alt="background">

但我在浏览器中看到的只是“alt”文本（对不起，深色图像，这是一个深色主题的网站）：

该图像位于wwwroot/img/background.jpg。奇怪的是，在同一位置是网页的图标，我在以下head部分中调用它_Host.cshtml

<link rel="icon" type="image/x-icon" href="/image/icon.png">

这表明一切都很好。

在其他类似的帖子（如这篇文章）之后，我已经尝试将源路径更改为以下任一路径：

• scr="/img/background.jpg"
• scr="~/img/background.jpg"
• scr="img/background.jpg"
• scr="~img/background.jpg"

这些似乎都不起作用。所以有两个问题：1.我的问题可能是什么，2.如何调试这种“错误路径”类型的错误。对于第二部分，我的直觉是使用浏览器中的“查看源”选项并查找图像，但到目前为止，当服务器将图像呈现给浏览器时，我还没有找到图像的位置。我也尝试过使用不同的浏览器，但结果相同。

编辑：直接 导航到图像https://localhost:7001/img/background.jpg也可以。由于某种原因，它只是不想从 html 中显示......

Answer 1

<img scr="img/background.jpg" class="img" alt="wrong">
<img src="img/background.jpg" class="img" alt="ok">

看看我在那里做了什么？