Get 2024 Templates Mega Bundle!14 Bootstrap, Vue & React Templates + 3 Vector Sets
Get for 99$

Blazor Signin error


I running "dotnet watch" after follow the instructions on this link "https://preview.keenthemes.com/blazor/metronic/docs/getting-started" without any modifications.
When I open the "/signin" route, the page loads but I receive this error on console:

warn: Microsoft.AspNetCore.Components.Server.Circuits.RemoteRenderer[100]
Unhandled exception rendering component: Could not find 'KTSigninGeneral.init' ('KTSigninGeneral' was undefined).
Error: Could not find 'KTSigninGeneral.init' ('KTSigninGeneral' was undefined).
at http://localhost:5170/_framework/blazor.server.js:1:497
at Array.forEach (<anonymous>)
at i.findFunction (http://localhost:5170/_framework/blazor.server.js:1:465)
at E (http://localhost:5170/_framework/blazor.server.js:1:2606)
at http://localhost:5170/_framework/blazor.server.js:1:3494
at new Promise (<anonymous>)
at kt.beginInvokeJSFromDotNet (http://localhost:5170/_framework/blazor.server.js:1:3475)
at http://localhost:5170/_framework/blazor.server.js:1:72077
at Array.forEach (<anonymous>)
at kt._invokeClientMethod (http://localhost:5170/_framework/blazor.server.js:1:72063)
Microsoft.JSInterop.JSException: Could not find 'KTSigninGeneral.init' ('KTSigninGeneral' was undefined).
Error: Could not find 'KTSigninGeneral.init' ('KTSigninGeneral' was undefined).
at http://localhost:5170/_framework/blazor.server.js:1:497
at Array.forEach (<anonymous>)
at i.findFunction (http://localhost:5170/_framework/blazor.server.js:1:465)
at E (http://localhost:5170/_framework/blazor.server.js:1:2606)
at http://localhost:5170/_framework/blazor.server.js:1:3494
at new Promise (<anonymous>)
at kt.beginInvokeJSFromDotNet (http://localhost:5170/_framework/blazor.server.js:1:3475)
at http://localhost:5170/_framework/blazor.server.js:1:72077
at Array.forEach (<anonymous>)
at kt._invokeClientMethod (http://localhost:5170/_framework/blazor.server.js:1:72063)
at Microsoft.JSInterop.JSRuntime.InvokeAsync[TValue](Int64 targetInstanceId, String identifier, Object[] args)
at Microsoft.JSInterop.JSRuntimeExtensions.InvokeVoidAsync(IJSRuntime jsRuntime, String identifier, Object[] args)
at Starterkit.Pages.Auth.SignIn.OnAfterRenderAsync(Boolean firstRender) in E:\User\Desktop\Metronic-8.1.5\asp.net-core\demo1\blazor_demo1\Starterkit\Pages\Auth\SignIn.razor:line 110
at Microsoft.AspNetCore.Components.RenderTree.Renderer.GetErrorHandledTask(Task taskToHandle, ComponentState owningComponentState)
fail: Microsoft.AspNetCore.Components.Server.Circuits.CircuitHost[111]
Unhandled exception in circuit 'kHjDhF2BWJAYvkYZrGYnXbr4RIc1NAlFYYb3mCraV1A'.
Microsoft.JSInterop.JSException: Could not find 'KTSigninGeneral.init' ('KTSigninGeneral' was undefined).
Error: Could not find 'KTSigninGeneral.init' ('KTSigninGeneral' was undefined).
at http://localhost:5170/_framework/blazor.server.js:1:497
at Array.forEach (<anonymous>)
at i.findFunction (http://localhost:5170/_framework/blazor.server.js:1:465)
at E (http://localhost:5170/_framework/blazor.server.js:1:2606)
at http://localhost:5170/_framework/blazor.server.js:1:3494
at new Promise (<anonymous>)
at kt.beginInvokeJSFromDotNet (http://localhost:5170/_framework/blazor.server.js:1:3475)
at http://localhost:5170/_framework/blazor.server.js:1:72077
at Array.forEach (<anonymous>)
at kt._invokeClientMethod (http://localhost:5170/_framework/blazor.server.js:1:72063)
at Microsoft.JSInterop.JSRuntime.InvokeAsync[TValue](Int64 targetInstanceId, String identifier, Object[] args)
at Microsoft.JSInterop.JSRuntimeExtensions.InvokeVoidAsync(IJSRuntime jsRuntime, String identifier, Object[] args)
at Starterkit.Pages.Auth.SignIn.OnAfterRenderAsync(Boolean firstRender) in E:\User\Desktop\Metronic-8.1.5\asp.net-core\demo1\blazor_demo1\Starterkit\Pages\Auth\SignIn.razor:line 110
at Microsoft.AspNetCore.Components.RenderTree.Renderer.GetErrorHandledTask(Task taskToHandle, ComponentState owningComponentState)

This prevents the form to validate the fields.


Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(

Replies (1)


Hi Eduardo,

Did you build assets our theme assets?

Make sure that you have Starterkit/wwwroot/assets folder.
For more info check "Build Assets" section in our doc: https://preview.keenthemes.com/blazor/metronic/docs/getting-started#build-assets

Regards,
Lauris Stepanovs,
Keenthemes Support Team


Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(
Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(