Использование шаблона страницы @page разрывает компонент бритвы на странице бритвы

Question

У меня есть следующая страница бритвы Index.cs html:

@page "/Test/{value?}"
@model Test01.Areas.Test.Pages.IndexModel


<h1>Test</h1>

<h3>@Model.value</h3>


@(await Html.RenderComponentAsync<Test01.Components.Test>(RenderMode.ServerPrerendered))

Index.cs html .cs:

using Microsoft.AspNetCore.Mvc;
using Microsoft.AspNetCore.Mvc.RazorPages;

namespace Test01.Areas.Test.Pages
{
    public class IndexModel : PageModel
    {
        [BindProperty(SupportsGet = true)]
        public string value { get; set; } = "none";

        public void OnGet()
        {
        }
    }
}

С компонентом бритвы Test.razor :

<div>
    <button class="btn btn-primary" @onclick="openModal">Open Modal</button>
</div>


@if (showModal)
{
    <div class="modal" tabindex="-1" style="display:block" role="dialog">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h3 class="modal-title">Modal 1</h3>
                    <button type="button" class="close" @onclick="closeModal">
                        <span aria-hidden="true">X</span>
                    </button>
                </div>
                <div class="modal-body">
                    Modal Body
                </div>
                <div class="modal-footer">
                    Modal Footer
                </div>
            </div>
        </div>
    </div>
}


<hr />

@code {
    protected bool showModal = false;

    protected void openModal()
    {
        this.showModal = true;
    }

    protected void closeModal()
    {
        this.showModal = false;
    }
}

Когда я вызываю страницу без значения, такого как:

https://localhost: 44306 / Test

Работает как положено когда я нажимаю кнопку открытия модального.

---

Когда я вызываю страницу со значением, таким как:

https://localhost: 44306 / Test / TestValue

Ничего не происходит, когда я нажимаю модальную кнопку открытия.

---

Любая помощь приветствуется !!

Answer 1

Понял это вскоре после.

Мне пришлось добавить:

<base href="~/" />

К тегу моего _Layout.cs html