Blazor WASM托管应用报错：找不到attachRootComponentToElement

核心问题定位 #

你的错误直接由index.html中重复加载blazor.webassembly.js导致，同时安装卸载Runtime包后残留的缓存/依赖混乱也加剧了问题。

分步修复 #

1. 移除重复的Blazor脚本引用 #

打开index.html，你会发现重复引入了blazor.webassembly.js：

<script src="_framework/blazor.webassembly.js"></script>
<script src="_framework/blazor.webassembly.js" autostart="false"></script>

这会导致Blazor初始化逻辑冲突，直接引发内部方法找不到的错误。

• 如果你不需要手动控制Blazor启动，只保留默认自动启动的版本：

  <script src="_framework/blazor.webassembly.js"></script>
  

• 如果你需要自定义初始化逻辑（比如添加启动前配置），保留autostart="false"的版本，并补充手动启动代码：

  <script src="_framework/blazor.webassembly.js" autostart="false"></script>
  <script>
    // 自定义初始化逻辑（如果需要）
    Blazor.start().catch(err => console.error(err));
  </script>
  

2. 彻底清理项目缓存与依赖 #

安装卸载Microsoft.NETCore.App.Runtime.Mono.browse-wasm后，项目中会残留无效的缓存文件，执行以下操作：

• 删除Server、Client、Shared三个项目下的bin和obj文件夹
• 在解决方案根目录打开终端，执行：

  dotnet restore
  dotnet build --no-incremental
  

• 部署到IIS前，清空站点发布目录，重新发布：

  dotnet publish -c Release
  

3. 验证Client项目依赖 #

打开Risk.Client.csproj，确保没有残留的Microsoft.NETCore.App.Runtime.Mono.browse-wasm引用，并且所有Blazor相关包版本与Server项目保持一致（均为8.0.1）。

4. 清除浏览器缓存 #

按Ctrl+Shift+R强制刷新页面，或者直接清除浏览器缓存，避免加载旧的脚本文件。

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