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

Exceptions while clicking anything within Metronic Blazor 8.2.0 demo


Hi, I purchased and downloaded the Metronic Blazor demo version 8.2.0. I ran yarn and gulp without issues. I am able to start and run the Blazor site from Visual Studio 2022. Once the site is running, if I click on any element to navigate etc. nothing happens and an exception gets logged within VS:

"Microsoft.JSInterop.JSException" in System.Private.CoreLib.dll ("searchObject.on is not a function
TypeError: searchObject.on is not a function
at Object.init (https://localhost:7001/assets/js/scripts.bundle.js:7802:26)
at https://localhost:7001/_framework/blazor.server.js:1:3506
at new Promise (<anonymous>)
at Ft.beginInvokeJSFromDotNet (https://localhost:7001/_framework/blazor.server.js:1:3480)
at Ft._invokeClientMethod (https://localhost:7001/_framework/blazor.server.js:1:75072)
at Ft._processIncomingData (https://localhost:7001/_framework/blazor.server.js:1:72696)
at Ft.connection.onreceive (https://localhost:7001/_framework/blazor.server.js:1:67009)
at i.onmessage (https://localhost:7001/_framework/blazor.server.js:1:51322)") Exception thrown: "Microsoft.JSInterop.JSException" in System.Private.CoreLib.dll ("searchObject.on is not a function<pre lang="scss">

</pre>


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 (3)


Hi,

Thank you for reaching out to us.

Please note that, as described in the product description, our Metronic Blazor version is a Starterkit. It comes with a fully functional layout and a set of initial pages to get you started, including New Password, Reset Password, Sign In, Sign Up, Default Dashboard Page, 500 error page, and 404 error page.

You can easily add more pages to your project by referencing our HTML version. All the necessary JavaScript and CSS code for any page is already included in our Blazor Starterkit. To add a new page, simply copy the HTML markup and initialize the associated JavaScript file in your view if required.

Let me know if you will need any further help on this.

Regards,
Lauris Stepanovs,
Keenthemes Support Team



Hi Lauris,

Thank you for your response. I wanted to close the loop on this. After your response I realized the errors only occur when attempting to use any functionality that hasn't been built out yet. I assumed there would have been a more obvious notification than an obtuse console error, but I get it. The developer in me went straight to "errors mean broken", not "errors mean missing functionality." Perhaps in the future the team could add something as simple as an alert or even a more direct console message when interacting with functionality that hasn't been built out. Any how, thank you again and thanks to your team for the great product!



Hi,

Sorry for the misunderstanding.

We have tested our theme, but we couldn't reproduce this error.

Are you experiencing this issue on the theme's pre-built pages or on a page you have implemented?

Menu items in our theme are simple HTML links used for demonstration purposes, and we haven't observed any errors associated with them.

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  :(