metronic vue "Memory leakage"

we build a software using Metronic vue,

when we start using the built website "program" and after switching between menu items,

the vue becoming freezing (not responding). we investage the issue, and we found that component (MenuComponent, ToggleComponent, ect) has been initialized, and didn't get killed ( destroy/dispose) when we switch to other menu items, during that browser memory get full and browser didnt respond as it should be.

Please support.

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

Hi,

Thank you for your feedback.

We will look at this issue in more detail and will try to provide a solution as soon as possible.

Could you please specify the followings?

1) Which Metronic version are you using?
2) Are you able to reproduce the same issue on our preview page?
https://preview.keenthemes.com/metronic8/vue/demo1/#/dashboard
3) If there are any steps on how we can get the same result, could you please describe them?

Regards,
Lauris Stepanovs,
Keenthemes Support Team

We are using

1- Metronic Vue version 8.0
2- no.
3- Please login to www.salonaty.com/login
Email: ksa1@ksa1.com
password: ksa1

open task manager watch chrome" memory status", and start jump between menu items on the software.

on each load, the memory used get bigger and menu component is staying in data utl.

Please load pages with data table which have action button,,,,, this action button stay in browser cache

hence with time software utilize local device memory & getting (not responding) & stuck.

to solve this issue,

We should get from you destroy methed for component used such as MenuComponent.ts

Hi,

The link which you sent shows a blank page. We checked the issue in a default Metronic package, everything seems to be working fine, the instances for one menu element are created only once, we store these instances inside DataUtil.store map. The memory leak could also be related to some heavy plugins which you might use on your page. If you want to destroy all of the created instances, you can just empty the map inside src/assets/ts/_utils/_DataUtil.ts.

DataUtil.store.clear();

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