现有MAUI应用添加Blazor页面遇内容缺失及Blazor未定义错误求助

问题现象 #

• 运行应用后主页面显示异常
• 编译器输出错误：

  [chromium] [INFO:CONSOLE(2)] "Uncaught ReferenceError: Blazor is not defined", source: https://0.0.0.0/ (2)
  

操作过程 #

• 按照官方文档步骤在现有MAUI应用中添加BlazorWebView，首次使用Blazor时遇到问题：混合应用无app.razor文件，且MauiProgram.cs的builder无「RootComponents」属性。
• 从模板新项目中参考后，复制了默认项目的wwwroot、Pages、Shared、_imports.razor及MainPage.xaml/.cs文件。
• 在MauiProgram.cs中添加服务配置代码：

  builder.Services.AddMauiBlazorWebView();
  #if DEBUG
  builder.Services.AddBlazorWebViewDeveloperTools();
  #endif
  

• 修改MainPage.xaml配置BlazorWebView以加载Counter.razor：

  <BlazorWebView HostPage="wwwroot/index.html">
      <BlazorWebView.RootComponents>
          <RootComponent Selector="#app" ComponentType="{x:Type Pages:Counter}"/> 
      </BlazorWebView.RootComponents>
  </BlazorWebView>
  

• 确认项目目录结构与示例项目一致。

请求 #

项目属性与示例项目完全一致，但仍出现上述错误，寻求技术解决方案。

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