The New Way to Build! Introducing ReUI — the developer platform for agentic UI with shadcn/ui
Learn More

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