Razor 페이지의 Blazor 구성 요소

Chas

기본 면도기 페이지 앱이 있습니다. Blazor 구성 요소를 추가하고 싶습니다. 04/16 Blazor 업데이트 비디오의 단계를 복제하거나 Blazor 설명서를 사용하여이 작업을 수행하는 데 문제가 없습니다. 그러나 Blazor 구성 요소를 Razor 페이지에 추가하면 모든 asp-page 링크가 더 이상 작동하지 않습니다. 주소 표시 줄에서 URL이 변경되지만 동일한 페이지에 남아 있습니다. 시작 파일은 다음과 같습니다.

public void ConfigureServices(IServiceCollection services)
{
    services.Configure<CookiePolicyOptions>(options =>
    {
        options.CheckConsentNeeded = context => true;
    });

        services.AddRazorPages()
            .AddNewtonsoftJson();

        services.AddServerSideBlazor();
    }

    public void Configure(IApplicationBuilder app, IWebHostEnvironment env)
    {
        if (env.IsDevelopment())
        {
            app.UseDeveloperExceptionPage();
        }
        else
        {
            app.UseExceptionHandler("/Error");
            app.UseHsts();
        }

        app.UseHttpsRedirection();
        app.UseStaticFiles();

        app.UseCookiePolicy();

        app.UseRouting();

        app.UseAuthorization();

        app.UseEndpoints(endpoints =>
        {
            endpoints.MapRazorPages();
            endpoints.MapBlazorHub();
         });
    }

누군가가 나를 Razor Pages 및 Blazor 구성 요소를 사용하는 다중 페이지 자습서로 안내 할 수 있다면이 문제를 파악할 수있을 것입니다! 미리 감사드립니다!

블레이저 구성 요소가 제대로 작동합니다.

<a asp-page="./Index">Home</a><br /> 
<div id="Counter"> @(await Html.RenderComponentAsync<Counter>()) 
<script src="~/_framework/blazor.server.js">
</script> 
</div>

Microsoft Docs 상태-Razor 페이지 및 MVC 앱에 구성 요소 통합 기존 Razor 페이지 및 MVC 앱과 함께 구성 요소를 사용합니다. Razor 구성 요소를 사용하기 위해 기존 페이지 또는보기를 다시 작성할 필요가 없습니다. 페이지 또는보기가 렌더링 될 때 구성 요소가 동시에 사전 렌더링됩니다 †. -https : //docs.microsoft.com/en-us/aspnet/core/blazor/components ? view=aspnetcore - 3.0

Chas

이 문제를 열었습니다-https: //github.com/aspnet/AspNetCore/issues/9834 . 이는 Blazor 팀에서 해결해야하는 버그였습니다. https://github.com/aspnet/AspNetCore/pull/10062를 살펴볼 수도 있습니다 . 즉시 해결하려면이 문제가 종결 될 때 풀 요청을 수행하거나 다음 미리보기 릴리스까지 기다리십시오.

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]

編集
0

コメントを追加

0

関連記事

分類Dev

Blazor-구성 요소 래핑 및 데이터 바인딩

分類Dev

Blazor Security - Razor Pages custom authentication/security

分類Dev

Blazor / Razor:列挙型のInputSelect?

分類Dev

Is there a way to see the RenderTreeBuilder version of the razor file in blazor?

分類Dev

배열의 변경에 반응하지 않는 Vue 구성 요소

分類Dev

iOS 날씨 앱 UI 구성 요소 리버스 엔지니어링

分類Dev

redux 양식 요소 유형이 잘못되었습니다: 문자열이 필요합니다(내장 구성 요소의 경우)

分類Dev

별도의 구성 요소에 넣은 mat-error가 제대로 렌더링되지 않음

分類Dev

Navbar React 구성 요소에 스타일이 올바르게 적용되지 않음

分類Dev

AEM Sightly 구성 요소의 스크립트 태그 내에서 속성에 액세스

分類Dev

Angular 구성 요소 새로 고침

分類Dev

다른 구성 요소를 가리킬 때 구성 요소 숨기기

分類Dev

vue 및 webpack은 구성 요소에서 지연로드를 수행하지 않습니까?

分類Dev

이 React 구성 요소가 계속 다시 렌더링되는 이유는 무엇입니까?

分類Dev

벡터에있는 모든 구성 요소의 최대 값을 얻으려면 어떻게해야합니까?

分類Dev

semantic-ui 구성 요소로 너비 및 높이 입력을 설정하는 방법

分類Dev

모든 중첩 된 React 구성 요소가 데이터로드를 완료 한시기 확인

分類Dev

RazorページのBlazorコンポーネント

分類Dev

Blazor-Server-Appでcshtml(Razor Pages)を使用する方法

分類Dev

How are Blazor apps able to expose Razor Pages endpoints without a call to MapRazorPages() in Startup.cs?

分類Dev

Blazor(Razor)検証へのクラスの追加

分類Dev

Blazor:Razorファイルで名前空間を定義する

分類Dev

Blazorアプリ/ RazorではIConfigurationは常にNULL.NETCOREです

分類Dev

Blazor / Razorでイベントデータを取得する方法

分類Dev

반응 구성 요소에서 사용자 지정 API 클라이언트를 사용하는 관용적 방법은 무엇입니까?

分類Dev

Nativescript-vue의 특정 구성 요소 또는 백 스택 항목으로 다시 이동하려면 어떻게해야합니까?

分類Dev

구성 요소에 매개 변수 전달

分類Dev

Codename One 여러 행에 수직으로 구성 요소 정렬

分類Dev

탐색 구성 요소-Mocking Navcontroller 그래프

Related 関連記事

  1. 1

    Blazor-구성 요소 래핑 및 데이터 바인딩

  2. 2

    Blazor Security - Razor Pages custom authentication/security

  3. 3

    Blazor / Razor:列挙型のInputSelect?

  4. 4

    Is there a way to see the RenderTreeBuilder version of the razor file in blazor?

  5. 5

    배열의 변경에 반응하지 않는 Vue 구성 요소

  6. 6

    iOS 날씨 앱 UI 구성 요소 리버스 엔지니어링

  7. 7

    redux 양식 요소 유형이 잘못되었습니다: 문자열이 필요합니다(내장 구성 요소의 경우)

  8. 8

    별도의 구성 요소에 넣은 mat-error가 제대로 렌더링되지 않음

  9. 9

    Navbar React 구성 요소에 스타일이 올바르게 적용되지 않음

  10. 10

    AEM Sightly 구성 요소의 스크립트 태그 내에서 속성에 액세스

  11. 11

    Angular 구성 요소 새로 고침

  12. 12

    다른 구성 요소를 가리킬 때 구성 요소 숨기기

  13. 13

    vue 및 webpack은 구성 요소에서 지연로드를 수행하지 않습니까?

  14. 14

    이 React 구성 요소가 계속 다시 렌더링되는 이유는 무엇입니까?

  15. 15

    벡터에있는 모든 구성 요소의 최대 값을 얻으려면 어떻게해야합니까?

  16. 16

    semantic-ui 구성 요소로 너비 및 높이 입력을 설정하는 방법

  17. 17

    모든 중첩 된 React 구성 요소가 데이터로드를 완료 한시기 확인

  18. 18

    RazorページのBlazorコンポーネント

  19. 19

    Blazor-Server-Appでcshtml(Razor Pages)を使用する方法

  20. 20

    How are Blazor apps able to expose Razor Pages endpoints without a call to MapRazorPages() in Startup.cs?

  21. 21

    Blazor(Razor)検証へのクラスの追加

  22. 22

    Blazor:Razorファイルで名前空間を定義する

  23. 23

    Blazorアプリ/ RazorではIConfigurationは常にNULL.NETCOREです

  24. 24

    Blazor / Razorでイベントデータを取得する方法

  25. 25

    반응 구성 요소에서 사용자 지정 API 클라이언트를 사용하는 관용적 방법은 무엇입니까?

  26. 26

    Nativescript-vue의 특정 구성 요소 또는 백 스택 항목으로 다시 이동하려면 어떻게해야합니까?

  27. 27

    구성 요소에 매개 변수 전달

  28. 28

    Codename One 여러 행에 수직으로 구성 요소 정렬

  29. 29

    탐색 구성 요소-Mocking Navcontroller 그래프

ホットタグ

アーカイブ