Uncaught The renderer Content is not found

Question

When following along with the tutorial on youtube (https://www.youtube.com/watch?v=NvauE3z7W0k), after creating the basic component, it is not displaying on the page.

It appears for 1 second and then disappears.

The following error comes up in the console: "Uncaught The renderer Content is not found"

Gunasekar Kuppusamy · Answer

Hi José, 
Greetings from Syncfusion support. 
We have validated your reported issue. We have prepared a sample by referring to the mentioned video, but we are unable to reproduce the reported issue from our end. 
Find a downloadable sample from the below-mentioned link for your reference.https://www.syncfusion.com/downloads/support/forum/153816/ze/BlazorApp1-744101838 
We suspect that the problem may occur due to the NuGet cache. So, could you please try again after clearing the NuGet cache once? 
Refer the following link to clear cache:https://www.syncfusion.com/kb/6987/how-to-clear-nuget-cache 
Still, if you face the same issue, please provide a sample to reproduce your issue. This will help us to validate the issue and provide a solution at earliest. 
Regards, 
Gunasekar K

Henrique Clausing · Answer

Hi all.I've Tried the sample provided, and the same problem occurs, event after run "nuget all -clear" with a rebuild all command on Project.Message from Visual Studio's output:The renderer Content is not found    at t.prototype.getRenderer (https://localhost:5001/_content/Syncfusion.Blazor/scripts/richtexteditor-25ca01.min.js:1:49425)    at n.prototype.RTERender (https://localhost:5001/_content/Syncfusion.Blazor/scripts/richtexteditor-25ca01.min.js:1:455159)    at n.prototype.render (https://localhost:5001/_content/Syncfusion.Blazor/scripts/richtexteditor-25ca01.min.js:1:439708)    at r.prototype.refresh (https://localhost:5001/_content/Syncfusion.Blazor/scripts/syncfusion-blazor.min.js:1:96558)    at n.prototype.onPropertyChanged (https://localhost:5001/_content/Syncfusion.Blazor/scripts/richtexteditor-25ca01.min.js:1:450023)    at e.prototype.dataBind (https://localhost:5001/_content/Syncfusion.Blazor/scripts/syncfusion-blazor.min.js:1:75621)    at r.prototype.dataBind (https://localhost:5001/_content/Syncfusion.Blazor/scripts/syncfusion-blazor.min.js:1:97726)    at a (https://localhost:5001/_content/Syncfusion.Blazor/scripts/syncfusion-blazor.min.js:1:13012)Visual Studio version: 16.4.5.NET Core version: 3.1I need to say sorry because I've opened another thread. I'll close it now to focus only here.Regards.

José Carlos Teixeira Rodrigues · Answer

Hi everyone.I'm gonna add a few more things I found out.The sample provided gives me the same error.I've tried on 3 different pc's with the same outcome, changing browser also does nothing.Some more testing that may help finding a solution, for example using the sample:The error disappears if I use the control on the counter component, but ONLY if I use some other control on the index (for example a button).After the page loads, selecting the counter component shows the rich text editor without errors, although refreshing the page leads to the same problem.Hopefully this helps.Regards.

Henrique Clausing · Answer

Good afternoon for all.Another trying: Updated Visual Studio to version 16.5.4, but the problem persists.Another controls on same page/componentes work fine. Only the RTE becomes hidden after a (few) second(s).I've tried the steps from José Carlos and get the same results.Regards.

Indrajith Srinivasan · Answer

Hi Henrique / Jose,Thanks for the updates,We have further validated in the reported issue but still, we are unable to reproduce the reported issue. We have also ensured the following cases as suggested with Rich Text Editor. We have also shared the video demo of the sample ensured from our end. 
 

Rich Text Editor rendered with basic configuration as shared in the sample.
Rendered another Rich Text Editor with the counter button on the page and refresh the page.
 
Video demo: https://www.syncfusion.com/downloads/support/forum/153816/ze/SFRICH~1-1101335048 
 
Regards, 
Indrajith

Henrique Clausing · Answer

Hi,Thanks for the fast answer.Please, take a look at this point:"The renderer Content is not found    at t.prototype.getRenderer (https://localhost:5001/_content/Syncfusion.Blazor/scripts/richtexteditor-25ca01.min.js:1:49425)    at n.prototype.RTERender (https://localhost:5001/_content/Syncfusion.Blazor/scripts/richtexteditor-25ca01.min.js:1:455159)    at n.prototype.render (https://localhost:5001/_content/Syncfusion.Blazor/scripts/richtexteditor-25ca01.min.js:1:439708)    at r.prototype.refresh (https://localhost:5001/_content/Syncfusion.Blazor/scripts/syncfusion-blazor.min.js:1:96558)    at n.prototype.onPropertyChanged (https://localhost:5001/_content/Syncfusion.Blazor/scripts/richtexteditor-25ca01.min.js:1:450023)    at e.prototype.dataBind (https://localhost:5001/_content/Syncfusion.Blazor/scripts/syncfusion-blazor.min.js:1:75621)    at r.prototype.dataBind (https://localhost:5001/_content/Syncfusion.Blazor/scripts/syncfusion-blazor.min.js:1:97726)    at a (https://localhost:5001/_content/Syncfusion.Blazor/scripts/syncfusion-blazor.min.js:1:13012)"I'm thinking about to try with manually declare the these scripts on my _Host.cshtml, maybe with another version.I've seen on docs this note:Note: The same theme file can be referred through the CDN version by using https://cdn.syncfusion.com/blazor/18.1.48/styles/bootstrap4.css.To use manual scripts other than the scripts from NuGet package, register the Blazor service in ~/Startup.cs file by using true parameter as mentioned below.
using Syncfusion.Blazor;

namespace WebApplication1
{
    public class Startup
    {
        public void ConfigureServices(IServiceCollection services)
        {
           ....
           ....
           services.AddSyncfusionBlazor(true);
        }
    }
}How can I try the blazor scripts manually? Where are they located?I'll try and post the result here.Regards.

Indrajith Srinivasan · Answer

Hi Henrique,Thanks for the update,Query: “How can I try the blazor scripts manually? Where are they located?“ Yes, below is the version based Blazor script reference. Also, make sure to pass the argument as true in the services of the startup.cs file. Can you please try with this? Please let us know if you face any difficulties?Regards, Indrajith

Henrique Clausing · Answer

Hi Indrajith,I've tried with with manually declared script. The same problem occurs. :("The renderer Content is not found    at e.prototype.getRenderer (https://cdn.syncfusion.com/blazor/18.1.48/syncfusion-blazor.min.js:10:7776156)    at t.prototype.RTERender (https://cdn.syncfusion.com/blazor/18.1.48/syncfusion-blazor.min.js:10:8158259)    at t.prototype.render (https://cdn.syncfusion.com/blazor/18.1.48/syncfusion-blazor.min.js:10:8143750)    at t.prototype.refresh (https://cdn.syncfusion.com/blazor/18.1.48/syncfusion-blazor.min.js:10:548744)    at t.prototype.onPropertyChanged (https://cdn.syncfusion.com/blazor/18.1.48/syncfusion-blazor.min.js:10:8153366)    at e.prototype.dataBind (https://cdn.syncfusion.com/blazor/18.1.48/syncfusion-blazor.min.js:10:533263)    at t.prototype.dataBind (https://cdn.syncfusion.com/blazor/18.1.48/syncfusion-blazor.min.js:10:549912)    at r (https://cdn.syncfusion.com/blazor/18.1.48/syncfusion-blazor.min.js:10:309)"Regards,

Indrajith Srinivasan · Answer

Hi Henrique,Good day to you, 
 
We have created a new incident under your Direct trac account to follow up with this query. We suggest you to follow up with the incident for further updates. Please log in using the below link.  
 
https://www.syncfusion.com/account/loginRegards, 
Indrajith

Henrique Clausing · Answer

Hello everyone, good day for all.First off all, thank you so much for all the Syncfusion team, specially Indrajith and Sabitha, that made a call to investigate the incident.There's a temporary workaround to get RTE working on PT-BR culture (and every another culture that's have the same result): public void Configure(IApplicationBuilder app, IWebHostEnvironment env){            var supportedCultures = new[] { new System.Globalization.CultureInfo("en-US") };            app.UseRequestLocalization(new RequestLocalizationOptions            {                DefaultRequestCulture = new Microsoft.AspNetCore.Localization.RequestCulture(culture: "en-US", uiCulture: "en-US"),                SupportedCultures = supportedCultures,                SupportedUICultures = supportedCultures            });            ... < your code > ...}By the way... I'm sorry for my bad English on the call. Best regards,

José Carlos Teixeira Rodrigues · Answer

Hi everyone,That seems to fixe it (I´m on PT-PT).Like Henrique said, this is a temporary workaround right?Thank you for the fix.Regards

Volker · Answer

Hi there,same here!I've made a clean and simple Blazor Server App to demonstrate the error, see attached ZIP.Changes made to the VS2019 default demo:Startup.cs:services.AddSyncfusionBlazor(); ... Syncfusion.Licensing.SyncfusionLicenseProvider.RegisterLicense("...");_Host.cshtml: Index.razor:SfRichTextEditor> @code { public string test = "ok"; } I've also added a screencapture to show up the 'uncaught the renderer content is not found" failure in the console, see attached mp4.This is the bug (console, line 4):t.prototype.getRenderer = function(t) { var n = sf.base.getEnumValue(e.RenderType, t); if (sf.base.isNullOrUndefined(this.rendererMap[n])) throw "The renderer " + n + " is not found"; return this.rendererMap[n] }btw: I've downloaded and tried your sample (https://www.syncfusion.com/downloads/support/forum/153816/ze/BlazorApp1-744101838), too.Same error on initial startup, so it does not depend on NuGet-caching. Sample does not work as expected!Any idea?Regards,VolkerAttachment: BlazorApp1_24f68ee3.zip

Henrique Clausing · Answer

Hi there,same here!I've made a clean and simple Blazor Server App to demonstrate the error, see attached ZIP.Changes made to the VS2019 default demo:Startup.cs:services.AddSyncfusionBlazor(); ... Syncfusion.Licensing.SyncfusionLicenseProvider.RegisterLicense("...");_Host.cshtml: Index.razor:SfRichTextEditor> @code { public string test = "ok"; } I've also added a screencapture to show up the 'uncaught the renderer content is not found" failure in the console, see attached mp4.This is the bug (console, line 4):t.prototype.getRenderer = function(t) { var n = sf.base.getEnumValue(e.RenderType, t); if (sf.base.isNullOrUndefined(this.rendererMap[n])) throw "The renderer " + n + " is not found"; return this.rendererMap[n] }btw: I've downloaded and tried your sample (https://www.syncfusion.com/downloads/support/forum/153816/ze/BlazorApp1-744101838), too.Same error on initial startup, so it does not depend on NuGet-caching. Sample does not work as expected!Any idea?Regards,VolkerAttachment: BlazorApp1_24f68ee3.zipHi Volker,Just set the culture on your Startup.cs to this: public void Configure(IApplicationBuilder app, IWebHostEnvironment env){ var supportedCultures = new[] { new System.Globalization.CultureInfo("en-US") }; app.UseRequestLocalization(new RequestLocalizationOptions { DefaultRequestCulture = new Microsoft.AspNetCore.Localization.RequestCulture(culture: "en-US", uiCulture: "en-US"), SupportedCultures = supportedCultures, SupportedUICultures = supportedCultures }); ... < your code > ...}It's related to OS culture different from en-US.Regards,

Indrajith Srinivasan · Answer

Hi Henrique,Thanks for your suggestionsRegards, 
Indrajith

Indrajith Srinivasan · Answer

Hi Jose/ Volker 
Good day to you,We have validated on the reported query. We are able to reproduce the reported issue when rendering Rich Text Editor with a culture other than English. So if you have used culture other than English in your system, you will face this issue. 
We have considered “Issue with rendering Rich Text Editor with a culture other than English“ as a bug from our end and logged a report for the same and the fix will be included with our weekly patch release which is scheduled on end of May 2020. 
You can now track the current status of the report, review the proposed resolution timeline, and contact us for any further inquiries through this link: https://www.syncfusion.com/feedback/14299/As a workaround solution to resolve this, you can manually set the culture an “en-us“ in the Configure method in the startup.cs file. Refer to the below code blocks. 
 




 
public void Configure(IApplicationBuilder app, IWebHostEnvironment env) 
  { 
    var supportedCultures = new[] { new System.Globalization.CultureInfo("en-US") }; 
    app.UseRequestLocalization(new RequestLocalizationOptions 
    { 
        DefaultRequestCulture = new Microsoft.AspNetCore.Localization.RequestCulture(culture: "en-US", uiCulture: "en-US"), 
        SupportedCultures = supportedCultures, 
        SupportedUICultures = supportedCultures 
    }); 
    ... 
    ... 
  } 
 
Blazor documentation: https://docs.microsoft.com/en-us/aspnet/core/blazor/globalization-localization?view=aspnetcore-3.1#globalizationRegards, 
Indrajith

Ton Orga · Answer

Hi, I just run into the same problem and realized that setting the locale property in the component fixed the problem for me. <SfRichTextEditor Locale="pt-BR"....Regards, Ton

Indrajith Srinivasan · Answer

Hi Ton/Jose/Volker/Henrique,  
  
Thanks for your patience.  
    
We have resolved the issue “Rich Text Editor is not rendered with different cultures on initial load” and the fix is now available with the Nuget version 18.1.54.  
   
Feedback Link: https://www.syncfusion.com/feedback/14299  
  
Release Notes: https://blazor.syncfusion.com/documentation/release-notes/18.1.54/#richtexteditor  
    
Can you please upgrade your package to 18.1.54 version to resolve the issue from your end ? 
 
Regards, 
Indrajith