Razor应用程序没有显示Razor类库项目中的图像

Question

图像在razor库中的“www.root/”文件夹中定义的剃须刀组件中引用。

我已经在我的Blazor客户端应用程序中包含了对这个Razor类库的项目引用。

我遇到的问题是图像没有显示出来。

一开始我有这样的想法：

<img src="../wwwroot/Images/CISA_Logo_183px.png" />

然后我试着：

<img src="_content/CSETRazorClassLibrary/wwwroot/images/CISA_Logo_183px.png" />

我可没办法把照片展示出来。

我还需要在Blazor应用程序中配置一些其他东西来完成这个工作吗？

我使用的是VisualStudio2022预览版17.3.0预览版，我使用的是Windows 11 Pro版本21H2

Answer 1

src是错的。_content/CSETRazorClassLibrary/是RCL的www.root文件夹。所以路径应该是_content/CSETRazorClassLibrary/images/CISA_Logo_183px.png。下面是我为演示路径解析而进行的一个测试。

​

​

<img src="_content/RazorClassLibrary1/background.png" />

​

​

@page "/"
@using RazorClassLibrary1

<h1>Hello, world!</h1>


<Component1 />

​

​

Answer 2

结果，在我更新了Visual之后，我能够让它开始工作。因此，我的版本似乎是我看不到图像的原因。