Blazor Bootstrap 문의

Q&A
1

안녕하세요. 차트 기능이 필요해서 찾아보다 blazor bootstrap이 있다는걸 알았습니다.

패키지를 설치하여 테스트를 하는데

사이트 예제대로 MainLayout를 수정하고 신규 레이저 파일을 만들어 등록하고 테스트를 하면 404 에러가 일어납니다.

NavMenu를 이용하지 않는거 같은데 해당 경로를 추가를 해도 마찬가지로 404에러가 발생합니다.

신규 추가된 page 이름이 제대로 로드가 안되는거 같은데 아시는분 계실까요??

Blazor Bootstrap MainLayout

@inherits LayoutComponentBase

<div class="bb-page">

    <Sidebar @ref="sidebar"
             IconName="IconName.BootstrapFill"
             Title="Blazor Bootstrap"
             DataProvider="SidebarDataProvider" />

    <main>
        <div class="bb-top-row px-4 d-flex justify-content-end">
            <a href="https://docs.microsoft.com/aspnet/" target="_blank">About</a>
        </div>

        <article class="content px-4">
            <div class="py-2">@Body</div>
        </article>
    </main>

</div>

@code {
    Sidebar sidebar;
    IEnumerable<NavItem> navItems;

    private async Task<SidebarDataProviderResult> SidebarDataProvider(SidebarDataProviderRequest request)
    {
        if (navItems is null)
            navItems = GetNavItems();

        return await Task.FromResult(request.ApplyTo(navItems));
    }

    private IEnumerable<NavItem> GetNavItems()
    {
        navItems = new List<NavItem>
                   {
                       new NavItem { Id = "1", Href = "/", IconName = IconName.HouseDoorFill, Text = "Home", Match=NavLinkMatch.All},
                       new NavItem { Id = "2", Href = "/counter", IconName = IconName.PlusSquareFill, Text = "Counter"},
                       new NavItem { Id = "3", Href = "/weather", IconName = IconName.Table, Text = "Fetch Data"},
                       new NavItem { Id = "4", Href = "/attendance", IconName = IconName.Table, Text = "Attendance" } ,
                       new NavItem { Id = "5", Href = "/component", IconName = IconName.Table, Text = "NEW" } ,
                       new NavItem { Id = "6", Href = "/summury", IconName = IconName.Table, Text = "Summury" } 

            };

        return navItems;
    }
}


<div id="blazor-error-ui">
    An unhandled error has occurred.
    <a href="" class="reload">Reload</a>
    <a class="dismiss">🗙</a>
</div>

Summury라는 페이지를 만들었고 메인레이아웃에 설정했습니다.
Summury 페이지는 텍스만 있는 단순페이지 이고 메인레이아웃에서 summury링크를 클릭하면 파라메터 설정을 하지 않았는데 url에 localhost:7000/summury? 로 넘어가네요;;

2

자문자답이네요ㅎㅎ;; 해당 Summury 레이저 파일의 빌드작업이 없음으로 되어 있어서 빌드할때 반영이 안되었나 보네요. Bootstrap을 적용시키면 신규 레이저 파일 생성시 빌드작업이 없음으로 생성되네요.