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

Demo 1 VueJs Error when running npm install


npm 8.19.2
node 16.18

While resolving: demo1@8.1.5
Found: @popperjs/core@2.11.5
node_modules/@popperjs/core
@popperjs/core@"2.11.5" from the root project

Could not resolve dependency:
peer @popperjs/core@"^2.11.6" from bootstrap@5.2.2
node_modules/bootstrap
bootstrap@"5.2.2" from the root project

Fix the upstream dependency conflict, or retry
this command with --force, or --legacy-peer-deps
to accept an incorrect (and potentially broken) dependency resolution.

Raw JSON explanation object:

{
"code": "ERESOLVE",
"current": {
"name": "@popperjs/core",
"version": "2.11.5",
"whileInstalling": {
"name": "demo1",
"version": "8.1.5",
"path": "D:\\Development\\Quote-Tool\\metronic_vue_v8.1.5_demo1\\demo1"
},
"location": "node_modules/@popperjs/core",
"isWorkspace": false,
"dependents": [
{
"type": "prod",
"name": "@popperjs/core",
"spec": "2.11.5",
"from": {
"location": "D:\\Development\\Quote-Tool\\metronic_vue_v8.1.5_demo1\\demo1"
}
}
]
},
"currentEdge": {
"type": "prod",
"name": "@popperjs/core",
"spec": "2.11.5",
"from": {
"location": "D:\\Development\\Quote-Tool\\metronic_vue_v8.1.5_demo1\\demo1"
}
},
"edge": {
"type": "peer",
"name": "@popperjs/core",
"spec": "^2.11.6",
"error": "INVALID",
"from": {
"name": "bootstrap",
"version": "5.2.2",
"whileInstalling": {
"name": "demo1",
"version": "8.1.5",
"path": "D:\\Development\\Quote-Tool\\metronic_vue_v8.1.5_demo1\\demo1"
},
"location": "node_modules/bootstrap",
"isWorkspace": false,
"dependents": [
{
"type": "prod",
"name": "bootstrap",
"spec": "5.2.2",
"from": {
"location": "D:\\Development\\Quote-Tool\\metronic_vue_v8.1.5_demo1\\demo1"
}
}
]
}
},
"strictPeerDeps": false,
"force": false
}


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


Hi Mikenify,

Unfortunately, we were not able to reproduce this issue.

Could you please try the followings?


  1. Delete node_modules and yarn.lock/package-lock.json and run installation command again.

  2. If you are using npm try to use a yarn package manager.



Regards,
Lauris Stepanovs,
Keenthemes Support Team

Install yarn package manager, when I run yarn install in threw the following errors

d:\Quote-Web-Demo1>yarn install
➤ YN0000: ┌ Resolution step
➤ YN0002: │ @vue/cli-service@npm:5.0.8 [879d9] doesn't provide @babel/core (pa26fc), requested by @babel/helper-compilation-targets
➤ YN0002: │ @vueuse/core@npm:9.5.0 doesn't provide vue (p74668), requested by vue-demi
➤ YN0002: │ @vueuse/shared@npm:9.5.0 doesn't provide vue (p70aba), requested by vue-demi
➤ YN0060: │ demo1@workspace:. provides @popperjs/core (pf73f0) with version 2.11.5, which doesn't satisfy what bootstrap requests
➤ YN0000: │ Some peer dependencies are incorrectly met; run yarn explain peer-requirements <hash> for details, where <hash> is the six-letter p-prefixed code
➤ YN0000: └ Completed in 0s 520ms
➤ YN0000: ┌ Fetch step
➤ YN0000: └ Completed in 1s 213ms
➤ YN0000: ┌ Link step
➤ YN0000: │ ESM support for PnP uses the experimental loader API and is therefore experimental
➤ YN0008: │ @fortawesome/fontawesome-free@npm:6.2.0 must be rebuilt because its dependency tree changed
➤ YN0008: │ core-js@npm:3.26.1 must be rebuilt because its dependency tree changed
➤ YN0008: │ core-js@npm:2.6.12 must be rebuilt because its dependency tree changed
➤ YN0008: │ yorkie@npm:2.0.0 must be rebuilt because its dependency tree changed
➤ YN0008: │ vue-demi@npm:0.13.11 [0e60b] must be rebuilt because its dependency tree changed
➤ YN0008: │ vue-demi@npm:0.12.5 [6c525] must be rebuilt because its dependency tree changed
➤ YN0008: │ vuex-module-decorators@npm:1.2.0 [879d9] must be rebuilt because its dependency tree changed
➤ YN0000: └ Completed in 4s 737ms
➤ YN0000: Done with warnings in 7s 69ms



Hi Mikenify,

Could you please specify which node version are you using?

Also, if there are any specific steps on how we can reproduce this error please describe them.

Regards,
Lauris Stepanovs,
Keenthemes Support Team



Step to reproduce
NODEJS v18.12.1
Yarn v3.2.4
VSCode v1.73.0
Windows 10

1. Unzip metronic_vue_v8.1.5_demo1
2. Open demo1 folder in VSCODE
3. In VSCODE terminal install yarn https://yarnpkg.com/getting-started/install
4. Set stable version 'yarn set version stable'
5. execute yarn install



Hi Mikenify,

Unfortunately, we were not able to reproduce this issue with the same yarn and node version in the latest metronic version.

Try to execute installation command with --force, or --legacy-peer-deps flags.

Regards,
Lauris Stepanovs,
Keenthemes Support Team



Im getting this with demo2 vue:

metronic_vue_v8.1.5_demo2\demo2> npm install
npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR!
npm ERR! While resolving: demo2@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!
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 AppData\Local\npm-cache\eresolve-report.txt for a full report.

npm ERR! A complete log of this run can be found in:
npm ERR! AppData\Local\npm-cache\_logs\2022-11-17T19_52_53_987Z-debug-0.log



its a fresh download

removed node_modules and package.lock is not there

--force gets the build completed but not sure if that should be what I need to do

metronic_vue_v8.1.5_demo2\demo2> npm install --force
npm WARN using --force Recommended protections disabled.
npm WARN ERESOLVE overriding peer dependency
npm WARN While resolving: bootstrap@5.2.2
npm WARN Found: @popperjs/core@2.11.5
npm WARN node_modules/@popperjs/core
npm WARN @popperjs/core@"2.11.5" from the root project
npm WARN
npm WARN Could not resolve dependency:
npm WARN peer @popperjs/core@"^2.11.6" from bootstrap@5.2.2
npm WARN node_modules/bootstrap
npm WARN bootstrap@"5.2.2" from the root project
npm WARN
npm WARN Conflicting peer dependency: @popperjs/core@2.11.6
npm WARN node_modules/@popperjs/core
npm WARN peer @popperjs/core@"^2.11.6" from bootstrap@5.2.2
npm WARN node_modules/bootstrap
npm WARN bootstrap@"5.2.2" from the root project
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 core-js@2.6.12: core-js@<3.23.3 is no longer maintained and not recommended for usage due to the number of issues. Because of the V8 engine whims, feature detection in old core-js versions could cause a slowdown up to 100x even if nothing is polyfilled. Some versions have web compatibility issues. Please, upgrade your dependencies to the actual version of core-js.

added 1000 packages, and audited 1001 packages in 1m

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

1 moderate severity vulnerability

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



Hi,

The -force flag forces npm to re-download all packages and install them again, you can use this as a temporary solution, we will check this issue in more detail and will include a solution in the upcoming releases.

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

React Dev Vacancy

KeenThemes is looking for a Junior React or Vue developer to build awesome apps.
Apply