我有一个带有客户端项目的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文件.完全相同的行为.

推荐答案

每当事情不能正常运行时,以下步骤可能会有所帮助:

  • 构建|干净的解决方案
  • 关闭VS
  • 在Solution文件夹中,删除.vs文件夹
  • 重新打开项目并执行生成|重建

在Web App的情况下,

  • 使用Ctrl+F5强制刷新所有文件
  • 使用开发工具(F12),转到应用程序选项卡并清除缓存和本地存储.

交叉手指再试一次.

Css相关问答推荐

如何在悬停时缓慢更改渐变 colored颜色 ?

创建始终为剪辑元素的300%高度并左对齐的圆形剪辑路径

防止表格水平拉伸整个Blazor页面

如何让 v-col 变成可滚动的?

当弯曲方向设置为列时如何制作等高卡片?

2 列 UL,右列中的列表项数量为奇数?

TypeScript 中有效的 CSS 属性名称数组,但带有连字符

使用 React 和 Flexbox 文本溢出框外

循环一个 sass/scss 变量以生成 css 变量

Icomoon:如何避免重复索引(具有相同内容 ID 的不同图标)?

css3比例周围的空白

仅针对直接子代而不是其他相同后代的 CSS Select 器

媒体查询以错误的宽度触发

CSS - 在 id 中 Select 类的语法

如何在需要时通过 HTTPS 包含 CSS 和 JS 文件?

iPhone X / 8 / 8 Plus CSS 媒体查询

溢出的文本可以居中吗?

带有 flexbox 的 css 正方形网格

修复 Mobile Safari (iPhone) 上文本呈现不一致且某些字体比其他字体大的字体大小问题?

数据协议 URL 大小限制