Get 2024 Templates Mega Bundle!$1000 worth of 19 Bootstrap HTML, Vue & React Templates + 3 Vector Sets for just $99
Get for 99$

builds with webpack just give blank pages


Hi

Just purchased this today and first experience with a template like this.

I am compiling the HTML version.

Read the installation guide for webpack, installed dependenices (note.js, npm, yarn) everything fine.

Downloaded demo21, followed latest youtube video along with the documentation. Webpack says compiled successfully but fully destroys the demo. No CSS is load or anything. Also file structure is missing "theme" folder, is this important?

Anways, how du I compile a webpack successfully ? What is wrong with the guide since I end up here? Nothing throws any errors at all but I don't get any subfolder named "assets" for example. Followed guide to the letter, please advise.


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)


Hi Mikkel Rasmussen,

You can do this in a more simplified way.

1. Go to your downloaded zip file in the tool folder. metronic_v8.1.1_html_demo21\tools.

2. Open package.json file and remove "type": "module"

3. Open the cmd console.

4. Run this command to install and compile

yarn && npm run build


5. Double click the file index.html to open it using a browser.

Thanks



Still struggling to get moving here. Every time I run a build, assets folder is deleted from the demo and no index file is created. Following instructions to the absolute letter, now on 2 different setups.



Hi,

Sorry for the late reply. We are currently checking it and update you shortly with a solution.

Regards.



Hi Sean, that's fine. It's not that urgent going forward, a placeholder response like this is fine as long we have dialogue going happy Would like to have it resolved within a weeks time so I can move forward with the UI part of my project.


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