Introducing ReUI:Open-source UI components and apps built with React, Next.js and Tailwind CSS
Browse ReUI

Good template for Blazor


HI,
I have just bought the template Good – Bootstrap 5 Admin Dashboard Template and in particular I want to run the project for Blazor.

Following the documentation (https://preview.keenthemes.com/blazor/good/docs/getting-started), when I run

npm run build

I get an error

Failed to load 'C:\Projects\ERDevOps\GoodHTML\good_asp.net-core_v1.1.4\Starterkit\_keenthemes\tools\webpack.config.js' config
[webpack-cli] ReferenceError: require is not defined in ES module scope, you can use import instead

What do I have to do in order to have the project running with the theme?


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


Rename webpack.config.js to webpack.config.cjs, or update package.json to { "type": "commonjs" }. Alternatively, replace require with import in webpack.config.js. Then, retry npm run build



Sky Exchange has everything an online gamer needs: variety, reliability, and an engaging user experience!
The smooth interface of <a href="https://skyexchange.net.in/" > Skyexchange</a> ensures a hassle-free online gaming experience every single time.
Visit Website:https://skyexchange.net.in



Also, only the main page is provided for Blazor. No other pages are ready but the js files are ready for all apps. Each partial view contains the HTML not a proper Blazor implementation. Although, I set the theme to "light"


public void InitThemeMode()
{
_theme.SetModeSwitch(KTThemeSettings.Config.ModeSwitchEnabled);
_theme.SetModeDefault("light");
}


and tried also to add the key "Theme" in the appsetting.json, the dashboard is always dark.

<img src="https://prnt.sc/bqLw6ICLRBPD">



Hi,

Sorry for the late reply.

Please note that our Good Blazor version is a Starterkit based on our HTML version, it contains a fully functional layout and a few pages for start (New Password, Reset Password, Sign In, Sign Up, Default Dashboard Page, 500 error page, and 404 error page).

You can easily add any other pages by referring to our HTML version, all JS, and CSS code required for any page is already included in our Asp.Net-Core Starterkit, all you need to do is just copy HTML markup and include JS file on your page (if it is required).

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

In themeconfig.json, you can set the default theme mode. However, the selected mode is retrieved from localStorage. To view the default mode, you need to clear the localStorage in your browser.

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