You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Visual Studio创建Blazor Server项目遇三类资源异常问题咨询

Blazor Server项目资源加载问题解析

先看你提供的_Host.cshtml代码:

<link rel="stylesheet" href="css/bootstrap/bootstrap.min.css" />
<script src="_framework/blazor.server.js"></script>
<link href="LouisHowe.styles.css" rel="stylesheet" />

针对三个问题逐一说明原因:

1. 无bootstrap.js文件及引入标签

Blazor Server官方模板默认只引入Bootstrap的CSS文件,不需要额外引入bootstrap.js。因为Bootstrap的JS依赖jQuery和Popper.js,而Blazor的组件化DOM操作模式和jQuery冲突,官方刻意规避这类依赖以避免兼容性问题。如果确实需要Bootstrap的交互功能(如模态框、下拉菜单),可以手动引入相关JS文件,但要注意和Blazor生命周期的协调。

2. 找不到blazor.server.js及_framework文件夹

blazor.server.js和_framework文件夹是项目编译后自动生成的,不会出现在开发阶段的项目文件结构中。出现找不到的情况,通常是以下原因:

  • 项目编译失败:检查Visual Studio输出窗口的编译错误,修复后重新生成项目。
  • 静态文件中间件未配置:确保Program.cs中添加了app.UseStaticFiles();,这是加载静态资源的必要配置。
  • 启动/发布配置错误:调试时确认选择了正确的启动项目;发布后检查发布路径和配置是否正确,未修改过_framework的路径配置。

3. LouisHowe.styles.css文件不存在

LouisHowe.styles.css是Blazor项目编译时自动生成的样式合并文件,用于整合组件的隔离样式(即.razor.css文件中的样式)。开发阶段这个文件不会出现在项目目录,编译完成后会生成在wwwroot目录下。如果提示找不到,可能是:

  • 项目未编译:重新生成项目,编译过程会自动生成该文件。
  • 无组件隔离样式:如果项目中没有任何.razor.css文件,可能不会生成该文件,但模板默认保留了这个引用,仅会出现404警告,不影响运行,不需要的话可手动删除这个<link>标签。

内容的提问来源于stack exchange,提问作者David Thielen

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.28 00:53:12