1. Home
  2. Forum
  3. Blazor
  4. Exception when navigating from the page containing the Document Editor to a new page 18.3.0.47

Exception when navigating from the page containing the Document Editor to a new page 18.3.0.47

My application worked fine using the cdn links 18.3.0.38 however I have updated the cdn to version 18.3.0.47 because I am using the DocumentEditor component vs. 18.3.0.47 (updating the packages from Nuget).
I have not changed my code and now with version 18.3.0.47 I have an exception when navigating from the page containing the Document Editor to a new page.
My current _Host.cshtml:

@page "/"
@namespace MyNameSpace
@addTagHelper *, Microsoft.AspNetCore.Mvc.TagHelpers
@{
    Layout = null;
}

<!DOCTYPE html>
<html lang="es" style="height:100vh">
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>MyTitle</title>
    <base rel='nofollow' href="~/" />
    <link rel='nofollow' href="https://cdn.syncfusion.com/blazor/18.3.47/styles/material.css" rel="stylesheet" />
    <link rel="stylesheet" rel='nofollow' href="css/bootstrap/bootstrap.min.css" />
    <link rel="stylesheet" rel='nofollow' href="_content/Radzen.Blazor/css/default.css">
    <link rel='nofollow' href="css/site.css" rel="stylesheet" />
    <link rel="stylesheet" rel='nofollow' href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
    <link rel="stylesheet" rel='nofollow' href="https://use.fontawesome.com/releases/v5.4.1/css/all.css" integrity="sha384-5sAR7xN1Nv6T6+dT2mhtzEpVJvfS3NScPQTrOxhwjIuvcA67KV2R5Jz6kr4abQsz" crossorigin="anonymous">
  
    <link rel='nofollow' href="https://cdn.syncfusion.com/blazor/18.3.47/styles/bootstrap4.css" rel="stylesheet" />
    
    
</head>
<body style="height:100vh">
    <div id="app">
        <app>
            @(await Html.RenderComponentAsync<App>(RenderMode.ServerPrerendered))
        </app>

    </div>

    <div id="blazor-error-ui">
        <environment include="Staging,Production">
            An error has occurred. This application may no longer respond until reloaded.
        </environment>
        <environment include="Development">
            An unhandled exception has occurred. See browser dev tools for details.
        </environment>
        <a rel='nofollow' href="" class="reload">Reload</a>
        <a class="dismiss">đź—™</a>
    </div>

    <!-- inside of body section and after the <app> tag  -->
    <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
    <script src="_content/Radzen.Blazor/Radzen.Blazor.js"></script>

    <script src="_framework/blazor.server.js"></script>

    <link rel='nofollow' href="_content/Blazorise/blazorise.css" rel="stylesheet" />
    <link rel='nofollow' href="_content/Blazorise.Bootstrap/blazorise.bootstrap.css" rel="stylesheet" />
    <script src="_content/Blazorise/blazorise.js"></script>
    <script src="_content/Blazorise.Bootstrap/blazorise.bootstrap.js"></script>
    <script src="_content/CurrieTechnologies.Razor.SweetAlert2/sweetAlert2.min.js"></script>
    <script src=" https://cdn.syncfusion.com/blazor/18.3.47/syncfusion-blazor.min.js"></script>
   
</body>
</html>

The simple code I´m launching that worked before the update is:

 public async Task OnExit()
        {
          
            var referencia = dom_ExpedientePlantilla.Referencia;
            if (!(referencia == ""))
            {
                NavigationManager.NavigateTo($"PlantillaWizard/{referencia}");
            }

        }

called from:
<SfButton IconCss="e-icons e-back" CssClass="title-bar-btn" @onclick="OnExit">Exit</SfButton>

Any idea what I'm doing wrong?
Thank you very much in advance



3 Replies 1 reply marked as answer
HC Harini Chellappa Syncfusion Team November 10, 2020 11:54 AM UTC

Hi Esther, 
 
Greetings from Syncfusion! 
 
We couldn’t reproduce the reported issue in our end with the provided code snippets. Kindly check the below blazor server app with which we have tested in our end. 
 
 
We have placed the codes which you provided in this sample. Kindly run the sample at your end and let us know whether you are facing the reported exception in this sample.  
 
Note: kindly clear browser cache and check the reported issue. 
 
If you still face the issue, kindly share a simple sample to reproduce the issue in our end or modify the above sample. Also kindly share your installed dotnet SDK version and browser details. 
 
Regards, 
 
Harini C 


Marked as answer
EG Esther Garcia del Barrio November 12, 2020 07:04 AM UTC

Hi Harini, thank you very much for sending me the demo, it really works perfect. After insisting hard, I did not manage to reproduce the anomaly, so my conclusion was that indeed the update 18.3.0.47 had nothing to do with the bug.
As I saw that you had released the update 18.3.0.48 I decided to mount it, and also I forced the reload of the page, and now it works perfect:

public async Task OnExit()
        {
          
            var reference = dom_FileTemplate.Reference;
            if (!(reference == ""))
            {
                NavigationManager.NavigateTo($"TemplateWizard/{reference}", true);
            }

        }

Thank you very much for your time and help!



HC Harini Chellappa Syncfusion Team November 12, 2020 07:28 AM UTC

Hi Esther, 
 
Welcome! 
 
Regards, 
 
Harini C 


Loader.
Up arrow icon