时间戳

首页 > 解决方案 > Blazor 组件库中的 CSS 未加载

blazor-server-side - Blazor 组件库中的 CSS 未加载

问题描述

在我的 razor 组件项目中，我正在向解决方案添加一个 blazor 组件库。我可以从我的 .app 项目调用组件库中的组件，但似乎 .css 和其他文件没有从 Blazor 组件库加载。我查看了组件库 .csproj 文件，但无法弄清楚缺少什么：

<Project Sdk="Microsoft.NET.Sdk.Razor">

    <PropertyGroup>
        <TargetFramework>netstandard2.0</TargetFramework>
        <IsPackable>true</IsPackable>
        <LangVersion>7.3</LangVersion>
    </PropertyGroup>

    <ItemGroup>
        <!-- .js/.css files will be referenced via <script>/<link> tags; other content files will just be included in the app's 'dist' directory without any tags referencing them -->
        <EmbeddedResource Include="content\**\*.js" LogicalName="blazor:js:%(RecursiveDir)%(Filename)%(Extension)" />
        <EmbeddedResource Include="content\**\*.css" LogicalName="blazor:css:%(RecursiveDir)%(Filename)%(Extension)" />
        <EmbeddedResource Include="content\**" Exclude="**\*.js;**\*.css" LogicalName="blazor:file:%(RecursiveDir)%(Filename)%(Extension)" />    
    </ItemGroup>

    <ItemGroup>
        <PackageReference Include="Microsoft.AspNetCore.Components.Browser" Version="3.0.0-preview-19075-0444" />
        <PackageReference Include="Microsoft.AspNetCore.Components.Build" Version="3.0.0-preview-19075-0444" PrivateAssets="all" />
    </ItemGroup>

</Project>

标签： blazor-server-side

解决方案

这是当前版本的 Razor 组件的限制。它不能从组件库中导入静态资产。作为解决方法，您应该手动复制它们，直到在下一个版本中修复。

推荐阅读