Super Sale Limited Time 50% OFF for All-Access Plans
Save 50% Now

Blazor WASM: KTThemeMode is not defined

I'm trying to use Metronic demo 1 with Blazor WebAssembly. I've followed the Quick Start guide and made changes for WebAssembly where applicable.

The demo is working correctly with two exceptions:

  • graphs are not displayedli>
  • all interactivity is lacking

The console shows the following error (one time for each widget-xx.js script):

Uncaught ReferenceError: KTThemeMode is not defined

I assume that the issue is that WebPack is not bundling theme-mode.js to the scripts.bundle.js. What's the proper way to fix this?

Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(

Replies (3)


Hi Peter,

Thank you for your feedback.

We have an issue right now with webpack build, it will be fixed in the next release, can you try to build assets with gulp?

Check out our gulp doc for more info: https://preview.keenthemes.com/metronic8/demo1/documentation/getting-started/build/webpack.html

Regards,
Lauris Stepanovs,
Keenthemes Support Team



Thanks Lauris. When can I expect the next release?

Peter



Hi Peter,

We usually do confirm an exact release date, we will do our best to release this fix during the next week.

Regards,
Lauris Stepanovs,
Keenthemes Support Team


Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(
Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(