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

Dependency Issues while Installing Metronic v8.1.8 Theme


Hello Keen Themes,

I recently purchased the Metronic v8.1.8 theme and have encountered some challenges during the installation process. I would appreciate your assistance in resolving the following dependency issues I encountered while running npm install:

1. npm WARN deprecated stable@0.1.8: I received a deprecation warning regarding the use of stable@0.1.8. According to the provided link to the MDN compatibility table, modern JS already guarantees Array#sort() as a stable sort. Could you please guide me on how to address this warning?

2. npm WARN deprecated flatten@1.0.3: Another deprecation warning I encountered was related to flatten@1.0.3. The warning suggests using utility frameworks like lodash instead. Can you provide guidance on how to proceed in replacing flatten with an appropriate utility framework?

3. npm WARN deprecated trim@0.0.3 and npm WARN deprecated trim@0.0.1: These deprecation warnings suggest using String.prototype.trim() instead of the deprecated versions of trim. Could you please advise on the necessary steps to update the trim usage in the theme?

4. npm WARN deprecated sourcemap-codec@1.4.8: I received a warning indicating that sourcemap-codec@1.4.8 is deprecated and recommends using @jridgewell/sourcemap-codec instead. How can I replace the deprecated package with the suggested one?

5. npm WARN deprecated svgo@1.3.2: The warning message indicates that the installed version of svgo is no longer supported and advises upgrading to v2.x.x. Can you provide guidance on how to upgrade svgo to the recommended version?

6. npm WARN deprecated popper.js@1.16.1: This warning suggests using @popperjs/core for the new Popper v2, as the current package is dedicated to the legacy v1. Could you please guide me on how to transition to the new Popper v2 package?

The are many Security Risks


Furthermore, the installation process reported 37 vulnerabilities (15 moderate, 19 high, 3 critical). I would appreciate assistance in addressing these vulnerabilities to ensure the theme's stability and security.

I kindly request your support in resolving these dependency issues and vulnerabilities. Your guidance in rectifying these concerns will be highly appreciated.

Thank you in advance for your help and prompt attention to this matter.

Best regards

the npm output :

npm install
npm WARN deprecated stable@0.1.8: Modern JS already guarantees Array#sort() is a stable sort, so this library is deprecated. See the compatibility table on MDN: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/sort#browser_compatibility
npm WARN deprecated flatten@1.0.3: flatten is deprecated in favor of utility frameworks such as lodash.
npm WARN deprecated trim@0.0.3: Use String.prototype.trim() instead
npm WARN deprecated trim@0.0.1: Use String.prototype.trim() instead
npm WARN deprecated sourcemap-codec@1.4.8: Please use @jridgewell/sourcemap-codec instead
npm WARN deprecated svgo@1.3.2: This SVGO version is no longer supported. Upgrade to v2.x.x.
npm WARN deprecated popper.js@1.16.1: You can find the new Popper v2 at @popperjs/core, this package is dedicated to the legacy v1

added 1424 packages, and audited 1682 packages in 2m

188 packages are looking for funding
run `npm fund` for details

37 vulnerabilities (15 moderate, 19 high, 3 critical)

To address issues that do not require attention, run:
npm audit fix

To address all issues possible (including breaking changes), run:
npm audit fix --force

Some issues need review, and may require choosing
a different dependency.

Run `npm audit` for details.


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


Hi,

To address the dependency issues encountered while installing the Metronic theme, I recommend trying to install the theme using Yarn instead of npm. Yarn might provide better compatibility and resolve some of the issues you're facing.

Please note that the reported vulnerabilities should not affect the generated assets as the theme utilizes tools for compiling assets. However, these vulnerabilities might impact Node.js applications.

To fix the dependency issues, you can try running the following command:


npm audit fix --force


I hope this helps resolve the dependency issues you encountered during the installation of the Metronic theme. If you have any further questions or need additional assistance, please let me know.

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