Blazor WASM项目互引用报错：_framework/blazor.boot.json资源冲突求助

错误原因 #

直接引用两个Blazor WASM项目时，Shell和子应用都会生成_framework/blazor.boot.json，且默认输出到根目录的_framework路径下，静态Web资源合并时出现同名文件冲突。

解决方案 #

方案1：将子应用改为Razor类库（RCL） #

如果子应用仅提供可复用组件，无需独立运行，这是最直接的解决方式：

• 删除原MicroFrontendsExample.B1Component WASM项目，新建Razor类库（勾选"支持ASP.NET Core"选项）
• 将原组件代码迁移到新的RCL项目中
• 在MicroFrontendsExample.Shell项目中添加对该RCL的引用，不会产生冲突的WASM静态资源

方案2：修改子应用静态资源基础路径 #

若需保留子应用为独立WASM项目，调整其资源输出路径避免冲突：

1. 编辑MicroFrontendsExample.B1Component.csproj，添加配置：

<PropertyGroup>
  <StaticWebAssetBasePath>b1component</StaticWebAssetBasePath>
</PropertyGroup>

此配置会将子应用的静态资源输出到wwwroot/b1component/_framework路径下。

2. 修改子应用wwwroot/index.html的base href：

<base href="/b1component/" />

3. 在Shell项目中引用子应用后，需根据微前端加载逻辑（如动态组件、自定义资源加载）调整Shell的配置，确保能正确访问子应用资源。

方案3：独立部署子应用并动态加载 #

若要实现真正的微前端（子应用独立部署、动态加载），不要直接引用项目：

• 将MicroFrontendsExample.B1Component独立发布到服务器的/b1component路径
• 在Shell中通过JS互操作（JsInterop）动态加载子应用的blazor.webassembly.js，或使用自定义加载逻辑加载子应用资源
• 确保子应用的资源路径与Shell完全隔离，避免文件冲突

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