Metronic Laravel npm install 8.1.5 not working

npm ERR! While resolving: demo8@8.1.5
npm ERR! Found: @popperjs/core@2.11.5
npm ERR! node_modules/@popperjs/core
npm ERR! @popperjs/core@"2.11.5" from the root project
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer @popperjs/core@"^2.11.6" from bootstrap@5.2.2
npm ERR! node_modules/bootstrap
npm ERR! bootstrap@"5.2.2" from the root project
npm ERR!

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

Hi,

Could you please try to use "yarn"? Install yarn if you don't have it. Please use the below commands.

npm install --global yarn
yarn

Thanks

I keep getting the same error


npm ERR! code ERESOLVE
npm ERR! ERESOLVE could not resolve
npm ERR!
npm ERR! While resolving: bootstrap@5.2.2
npm ERR! Found: @popperjs/core@2.11.5
npm ERR! node_modules/@popperjs/core
npm ERR! @popperjs/core@"2.11.5" from the root project
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer @popperjs/core@"^2.11.6" from bootstrap@5.2.2
npm ERR! node_modules/bootstrap
npm ERR! bootstrap@"5.2.2" from the root project
npm ERR!
npm ERR! Conflicting peer dependency: @popperjs/core@2.11.6
npm ERR! node_modules/@popperjs/core
npm ERR! peer @popperjs/core@"^2.11.6" from bootstrap@5.2.2
npm ERR! node_modules/bootstrap
npm ERR! bootstrap@"5.2.2" from the root project
npm ERR!
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with --force, or --legacy-peer-deps
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.
npm ERR!
npm ERR! See C:\Users\Omar\AppData\Local\npm-cache\eresolve-report.txt for a full report.

Hi Faizal,

I have the same problem with NPM.
Just downloaded Metronic from the website and followed the documentation.

In looks like Yarn is working for me.

I follow this process or which one does it refer to when it says with yarn

https://preview.keenthemes.com/metronic8/laravel/documentation/getting-started/build

Hi,

Please use the below commands for the yarn installation.

npm install --global yarn
yarn

Thanks

Hi Faizal,

Even with Yarn it trows errors on "npm run prod"

ERROR in ./resources/assets/core/plugins/plugins.scss
Module build failed (from ./node_modules/mini-css-extract-plugin/dist/loader.js):
ModuleBuildError: Module build failed (from ./node_modules/css-loader/dist/cjs.js):
Error: Can't resolve '~@yaireo/tagify/dist/tagify.css' in 'C:\Users\**\PHPStormProjects\**\resources\assets\core\plugins'

If you want acces to my private repo with only the base of metronic 8.1.5 (laravel) that i have please send me a PM

My problem has been solved.

Changed tagify in package.json to

"@yaireo/tagify": "4.16.4",

because of https://github.com/yairEO/tagify/issues/461

it doesn't work it's still the same

npm install --global yarn
yarn

Hi,

Could you please try to remove the node_modules folder, yarn.lock, package-lock.json file (if any)? And retry with the install using yarn.

Thanks

I already tried it that way and it's still the same

Hi,

Do you have any modifications to any files? We need to know as well. Please send your Laravel package zip via google drive. We will check it from our side.

Thanks

It does not have any modifications, it continues as it downloads from its servers

The issue could be from @yaireo/tagify.

Please try to change tagify version in package.json to

"@yaireo/tagify": "4.16.4",

https://github.com/yairEO/tagify/issues/461

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