在 blazor 应用中使用意外名称进行标记?

Question

尝试在我的 blazor Web 程序集应用中建立用户帐户并生成身份验证元素。

但是，有两个组件存在错误：

Found markup element with unexpected name 'xxxxxxxxxxxxxxxx'

两个有问题的组件是 AuthorizeRouteView 和 CascadingAuthenticationState。

我的代码：

<Router AppAssembly="@typeof(Program).Assembly">
<Found Context="routeData">
<AuthorizeRouteView RouteData="@routeData" DefaultLayout="@typeof(MainLayout)" />
</Found>
<NotFound>
<CascadingAuthenticationState>
<LayoutView Layout="@typeof(MainLayout)">
<p>Sorry, there's nothing at this address.</p>
</LayoutView>
</CascadingAuthenticationState>
</NotFound>
</Router>

任何线索可能出了什么问题？

Answer 1

请尝试以下设置。请注意，在 NotAuthorized 属性元素中，有一个名为 RedirectToLogin 的元素。这是您应该定义的 Razor 组件的名称(RedirectToLogin.razor 文件名(，并且可能需要在 _Imports.razor 文件中更新其命名空间(例如：@using OpenIDConnectSample.Shared(。

<CascadingAuthenticationState>
<Router AppAssembly="@typeof(Program).Assembly">
<Found Context="routeData">
<AuthorizeRouteView RouteData="@routeData" 
DefaultLayout="@typeof(MainLayout)">
<NotAuthorized>
<RedirectToLogin />
</NotAuthorized>
<Authorizing>
Wait...
</Authorizing>
</AuthorizeRouteView>
</Found>
<NotFound>
<LayoutView Layout="@typeof(MainLayout)">
<p>Sorry, there's nothing at this address.</p>
</LayoutView>
</NotFound>
</Router>
</CascadingAuthenticationState>