.NET 8 MAUI自定义组件NuGet包图片无法显示问题求助

方案一：将图片嵌入组件程序集（推荐） #

这种方式无需额外配置Targets，图片直接打包进组件DLL，引用项目无需处理文件路径，稳定性更高。

• 1. 设置图片属性：选中组件项目中的所有SVG图片，右键→属性，将生成操作设为Embedded resource，复制到输出目录设为不复制。
• 2. 在组件代码中引用图片时，使用嵌入资源的加载方式：

  // 格式：[组件程序集名称];component/[图片相对项目根目录的路径]
  // 示例：假设组件程序集名为PSC.Maui.Components.LanguageDropdown，图片路径是Images/Flags/f_ad.svg
  yourImageControl.Source = ImageSource.FromResource(
      "PSC.Maui.Components.LanguageDropdown;component/Images/Flags/f_ad.svg",
      typeof(你的组件类).Assembly
  );
  

• 3. 确保组件csproj中包含嵌入资源配置（若未自动生成，手动添加）：

  <ItemGroup>
    <EmbeddedResource Include="Images\Flags\*.svg" />
  </ItemGroup>
  

• 4. 重新打包NuGet，此时图片会嵌入到组件DLL中，引用项目直接使用组件即可显示图片。

方案二：通过NuGet打包图片资源并配置Targets文件 #

若需要让引用项目能直接访问图片文件（而非仅通过组件代码调用），可采用此方法，同时修正之前的路径错误：

• 1. 调整组件csproj配置，确保图片和Targets文件被正确打包到NuGet的对应目录：

  <ItemGroup>
    <!-- 将SVG图片打包到contentFiles目录，安装NuGet时会自动复制到引用项目 -->
    <Content Include="Images\Flags\*.svg">
      <Pack>true</Pack>
      <PackagePath>contentFiles\any\any\Images\Flags</PackagePath>
      <CopyToOutputDirectory>PreserveNewest</CopyToOutputDirectory>
    </Content>
    <!-- 打包Targets文件到buildTransitive目录 -->
    <None Include="PSC.Maui.Components.LanguageDropdown.targets">
      <Pack>true</Pack>
      <PackagePath>buildTransitive</PackagePath>
    </None>
  </ItemGroup>
  

• 2. 修正Targets文件中的图片路径，指向NuGet包内contentFiles目录下的图片：

  <Project>
    <ItemGroup>
      <!-- 使用MSBuild变量定位到contentFiles目录下的图片 -->
      <MauiSvg Include="$(MSBuildThisFileDirectory)..\contentFiles\any\any\Images\Flags\*.svg" />
    </ItemGroup>
  </Project>
  

• 3. 重新打包NuGet，安装到新项目后，Resizetizer就能正确找到图片文件，组件可正常引用。

之前报错的原因 #

你之前遇到的Unable to find background file错误，是因为Targets文件配置的路径指向buildTransitive\Images\Flags，但实际打包时图片并未被放到该目录，导致Resizetizer无法定位到SVG文件。

内容的提问来源于stack exchange，提问作者Enrico