我有一个带有客户端项目的Blazor服务器应用程序.在客户端项目中,我有一堆页面和组件.到目前为止,添加与带有css扩展名的razor页面同名的文件可以创建限定作用域的css文件….但不知何故,现在不再是了.
我在该页面的文件夹下添加了一个新页面.被命名为Historia.razor
.在同一文件夹中添加了Historia.razor.css
文件.Visual Studio很好地理解它,并将css页面嵌套在主razor文件下.
但在编译和运行该应用程序时,这些样式不会出现.我判断了组合的css文件(MyApp.styles.css
),Historia.razor.css
文件中没有条目.我还判断了生成的页面上的样式,它们不包含类名上的b-213321额外ID.
我判断了项目文件,以确保该文件不在"忽略"下,它不是.项目文件如下所示:
<Project Sdk="Microsoft.NET.Sdk.BlazorWebAssembly">
<PropertyGroup>
<TargetFramework>net6.0</TargetFramework>
<Nullable>enable</Nullable>
<ImplicitUsings>enable</ImplicitUsings>
</PropertyGroup>
<ItemGroup>
<PackageReference Include="Blazored.Toast" Version="3.2.2" />
<PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly" Version="6.0.3" />
<PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly.DevServer" Version="6.0.3" PrivateAssets="all" />
<PackageReference Include="Microsoft.AspNetCore.SignalR.Client" Version="6.0.3" />
</ItemGroup>
<ItemGroup>
<Watch Include="**\*.razor" />
</ItemGroup>
<ItemGroup>
<ProjectReference Include="..\Shared\VikingBoardGames.Shared.csproj" />
</ItemGroup>
</Project>
同样,它确实适用于我在过go 添加的其他组件和页面,并遵循完全相同的文件夹/命名 struct .
你知道是什么阻止了css与其他软件Bundle 在一起吗?
注意:按照Henk Holterman的建议,在执行清理-构建-删除.vs文件夹-重新启动vs之后,我的标记确实显示了b-312412wgz代码.但是仍然不会应用样式,也不会将CSS内容添加到myproject t.style.css文件中.
我还try 创建一个新文件及其css文件.完全相同的行为.