为什么此Blazor应用程序中的组件无法渲染？

Question

我正在编写Blazor应用程序，显然我想在其中渲染一些组件。我刚刚尝试将基本的导航元素添加到主布局中，但未呈现。我可以在DOM上看到该元素，但是该元素为空。

我在NavMenu组件中添加了一些非常简单的内容，试图将其包含在MainLayout.cshtml中：

self.home

我还在MainLayout.cshtml页面上采用了非常简单的布局：

<h1>WHYYYY????</h1>

我项目中的文件结构看起来并不复杂：

所以我在这里对我所忽略的东西不知所措。看起来Blazor 知道应该在页面上呈现某些内容-这就是为什么我可以在DOM中看到NavMenu元素的原因。但是在该元素内从来没有任何内容可以渲染。缺少什么？

我正在运行Blazor的最新版本（撰写本文时）：0.5.1。

Answer 1

.csproj文件可能会遇到错误。它应该看起来像这样：

<Project Sdk="Microsoft.NET.Sdk.Web">

<PropertyGroup>
   <TargetFramework>netstandard2.0</TargetFramework>
   <RunCommand>dotnet</RunCommand>
   <RunArguments>blazor serve</RunArguments>
   <LangVersion>7.3</LangVersion>
</PropertyGroup>

<ItemGroup>
  <PackageReference Include="Microsoft.AspNetCore.Blazor.Browser" Version="0.5.1" />
  <PackageReference Include="Microsoft.AspNetCore.Blazor.Build" Version="0.5.1" />
  <DotNetCliToolReference Include="Microsoft.AspNetCore.Blazor.Cli" Version="0.5.1" />
</ItemGroup>

您中最有可能包含多余的内容，从而阻止了组件的编译。添加文件或复制文件时通常会发生这种情况。参见：https://github.com/aspnet/Blazor/issues/1206