Blazor не найдено исключение макета сетки

Question

Я хочу сделать простую сетку с blazor. 2 столбца 3 строки. Здесь я дал необходимые значения для макета, столбца и строки в качестве параметров. когда я тестирую проект, он не может найти структуру сетки. Все предметы перечислены ниже. Когда я смотрю на страницу макета с помощью F12, он говорит: «На этой странице не найдены макеты сетки». Как мне решить эту проблему? коды моей страницы index.razor, где я хочу отображать свои элементы: `

      
@page "/"
@using OnMuhasebe.Blazor.Core.Components.Dev.Layouts
<DevGridLayout ColumnSpacing="3px"
               RowSpacing="3px"
               RowCount=3
               ColumnCount=3
               RowHeights="@(new[]{"28","28","28"})"
               ColumnWidths="@(new[]{"60%","33%","*"})">

    <GridLayoutItems>
       <DxGridLayoutItem Row="0" Column="0">
           <Template>
               <DxTextBox Text="0-0"></DxTextBox>
           </Template>
       </DxGridLayoutItem>


        <DxGridLayoutItem Row="0" Column="1">
            <Template>
                <DxTextBox Text="0-1"></DxTextBox>
            </Template>
        </DxGridLayoutItem>

        <DxGridLayoutItem Row="0" Column="2">
            <Template>
                <DxTextBox Text="0-2"></DxTextBox>
            </Template>
        </DxGridLayoutItem>

        <DxGridLayoutItem Row="1" Column="0">
            <Template>
                <DxTextBox Text="1-0"></DxTextBox>
            </Template>
        </DxGridLayoutItem>


        <DxGridLayoutItem Row="1" Column="1">
            <Template>
                <DxTextBox Text="1-1"></DxTextBox>
            </Template>
        </DxGridLayoutItem>

        <DxGridLayoutItem Row="1" Column="2">
            <Template>
                <DxTextBox Text="1-2"></DxTextBox>
            </Template>
        </DxGridLayoutItem>

    </GridLayoutItems>

</DevGridLayout>

`

Коды компонента DevGridLayout.razor с параметрами: `

      <DxGridLayout ColumnSpacing="@ColumnSpacing" RowSpacing="@RowSpacing">
    <Rows>
        @for (int i = 0; i < RowCount; i++)
        {
            if (RowHeights == null)
            {
                <DxGridLayoutRow Height="@DefaultRowHeight" />
            }
            else if (i < RowHeights.Length)
           
            {
                <DxGridLayoutRow Height="@RowHeights[i]" />
            }
            else
            {
                <DxGridLayoutRow Height="@DefaultRowHeight" />
            }
        }
    </Rows>

    <Columns>
        @for (int i = 0; i < ColumnCount; i++)
        {
            if (ColumnWidths == null)
            {
                <DxGridLayoutColumn Width="*" />
           }
            else if (i < ColumnWidths.Length)
            {
                <DxGridLayoutColumn Width="@ColumnWidths[i]" />
            }
            else
            {
                <DxGridLayoutColumn Width="@ColumnWidths[^1]" />
            }
        }
    </Columns>

    <Items>
        @GridLayoutItems
    </Items>
</DxGridLayout>


@code {
    [Parameter] public string ColumnSpacing { get; set; }
    [Parameter] public string RowSpacing { get; set; }
    [Parameter] public int RowCount { get; set; }
    [Parameter] public int ColumnCount { get; set; }
    [Parameter] public string[] RowHeights { get; set; }
    [Parameter] public string[] ColumnWidths { get; set; }
    [Parameter] public string DefaultRowHeight { get; set; } = "28";
    [Parameter] public RenderFragment GridLayoutItems { get; set; }
}

`

Я хотел создать макет сетки, состоящий из 2 столбцов и 3 строк, используя компоненты blazor и devexpress. когда я тестировал проект, он не запускал структуру макета сетки. Все предметы перечислены ниже. Вывод экрана ниже;Скриншот