Blazor中注册多个自定义组件后仅单个可用的问题咨询

我刚接触Blazor和ASP.NET Core，目前正在学习ASP.NET的依赖注入相关内容。

我已经成功注册了初始组件MyCounter.razor，并能把它导入到UI框架中。

我在代码里做了这些配置：

app.MapRazorComponents<Prodigy.Dashboards.Components.Chart>()
    .AddInteractiveServerRenderMode();
app.MapRazorComponents<Prodigy.Dashboards.Components.Counter>()
    .AddInteractiveServerRenderMode();

还有服务注册的部分：

services.AddServerSideBlazor(options =>
{
    options.RootComponents.RegisterCustomElement<Counter>("my-counter");
    options.RootComponents.RegisterCustomElement<Chart>("my-chart");
});

现在我可以正常使用 <my-counter></my-counter> 这个自定义元素，但是当我尝试使用：

<my-chart></my-chart>

时，VS Code和Chrome里都会报错，提示这个元素不可用。

我还没找到这部分完整的Blazor文档，想搞清楚是不是Blazor限制只能注册一个自定义组件，还是我哪里操作错了？我希望能同时使用Chart和Counter这两个组件，而且不想让它们形成父子组件关系，就是各自独立使用。

备注：内容来源于stack exchange，提问作者Winnemucca