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

Images are corrupted upon issuing gulp command


We've just downloaded the current version (8.2.6).

Followed the video tutorial to setup your first project.

When we run gulp --demo1, the images are copied however they are corrupt. This from googling means they are being compressed, however we cannot see any reference to compression in the distributed gulp.config.js.

Where would we turn off compression?


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


Hi Dave,

We didn't update v8.2.6 yesterday. It's possible there was a corrupt file during the download or unpacking of the zip file. We couldn't reproduce this issue and haven't received similar reports from other users.

Thank you



Hi,

So sorry about this but we have resolved.

Steps to fix was:

Download latest released update (02-Jul-2024)
Delete dst/assets folder.
Delete tools (gulp) folder.
Copy in new tools folder from latest release.
Run 'npm install'
Run 'gulp --demo1'

This seemed to cleanly copy images now and also fixed css icon links.

Really not sure how the original gulp was managing to corrupt things. Were there any updates to this in last nights update?

Thanks,

Dave



Hi David S,

We have tested building the images, and they are working fine with Metronic v8.2.6 HTML version demo1. Here are the steps we followed:
- Run npm install
- Run the gulp command

Could you please try running gulp without --demo1 to see if the issue persists?

If the problem continues, please provide the exact image path where the corruption occurs.

Thank you.

Best regards,



Hi David S

Thank you for your feedback. We will check it further and fix it as soon as possible. If we have workaround, we will provide you.

Thank you



Thanks, I appreciate the response, we came to the same results via search/gpt. However, we are using the tools folder supplied with the template. We cannot see where in the supplied gulp folder and node_modules the compression is being used.



Hi

The image can be found in this folder:
/metronic_html_v8.2.6_demo1/demo1/assets/media

Could you please verify the location?

Thank you



Hi, Yes the source images located there are fine. The issue is that when they are copied by gulp to the dst (project assets) they get corrupted/different sizes. If we manually copy the images from /metronic_html_v8.2.6_demo1/demo1/assets/media to our dst location they function as expected, however on subsequent gulp runs they get corrupted again.

We've scoured the gulp config files for mentions of imagemin but cannot find it.

Thanks


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