asp.net-core - 为什么此 Blazor 应用程序中的组件无法呈现？

Question

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

我在我的 NavMenu 组件中使用了一些相当简单的内容，我试图将其包含在 MainLayout.cshtml 中:

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

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

@inherits BlazorLayoutComponent


<NavMenu />

<div class="body-content">
    @Body
</div>

我项目中的文件结构似乎并不复杂:



所以我在这里不知所措。看起来 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