Blazor：带参数的路由未解析

Question

我有这个非常简单的页面：

@page "/somepage/{id}"

@namespace My.BlazorApp.Pages

<h1>This would be page @Id</h1>

@code {

    [Parameter]
    public long Id { get; set; }
}

我的NavMenu.razor 中有以下代码：

@foreach(var sp in ViewModel.SubPageLinks) {
    <li class="nav-item px-3">
        <NavLink class="nav-link" href="@sp.Path">
            <span class="oi oi-plus" aria-hidden="true"></span> @sp.Title
        </NavLink>
    </li>
}

@sp.Path 生成 somepage/0、somepage/1 等。

但是当我执行应用程序时，我得到“对不起，这个地址没有任何东西”。

我错过了什么？

Answer 1

你必须在你的路由参数中指定:long。

@page "/somepage/{id:long}"

https://docs.microsoft.com/en-us/aspnet/core/blazor/routing?view=aspnetcore-3.1#route-constraints

Answer 2

我找到了解决方案。它与.csproj 文件有关。

在网上搜索发现this issue on Github，所以我做了一个非常简单的例子来重现它，重新打开这个问题。我刚刚创建了基本示例 Blazor 应用程序并添加了一个非常简单的页面，该页面仅显示“Foo”。

当我运行它时，我也得到了“抱歉，这个地址什么都没有”。

然后我进入.csproj，发现如下：

  <ItemGroup>
    <Content Remove="Pages\SomeOtherPage.razor" />
  </ItemGroup>

  <ItemGroup>
    <None Include="Pages\SomeOtherPage.razor" />
  </ItemGroup>

当我删除它时，它开始工作。另外，正如@inktkiller 所说，我忘记添加:long 类型定义，它首先导致打开页面时引发异常。

解释是：我将 Razor 页面创建为文本文件并在之后重命名它们，因为当我使用 Razor 页面向导时，我的 Visual Studio 仍会生成旧的 cshtml 文件。文本文件以这种奇怪的方式添加到csproj。