chart-js - npm install show version conflicts - npm

after the clone of the latest 4.1.2 version of Chart.js I tried to set up the environment using
npm install the result is a version conflict
npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
details see below.
from my understanding the rollup installation should work "^3.x.x" === ">=3.x.x" so 3.9.1 should fit (https://github.com/isaacs/node-semver "^3.3.0" === "3.3.0" <= V < 4.x.x)
rollup-7.0.2 will not fit ("^2.0.0" <= V <= "3.x.x" < 7.x.x)
If I do this using npm install --legacy-peer-deps the result is a deprecated package message-
npm WARN deprecated har-validator#5.1.5: this library is no longer supported
Details below.
It is ubuntu server 22.04LTS with nodes (incl. npm) from nodesource (node 18.12.1, npm 8.19.2).
Any hints are welcome.
I did
npm install
result:
npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR!
npm ERR! While resolving: chart.js#4.1.2
npm ERR! Found: rollup#3.9.1
npm ERR! node_modules/rollup
npm ERR! dev rollup#"^3.3.0" from the root project
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer rollup#"^2.0.0" from rollup-plugin-terser#7.0.2
npm ERR! node_modules/rollup-plugin-terser
npm ERR! dev rollup-plugin-terser#"^7.0.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.
and
npm install --legacy-peer-deps

Related

I am trying to install angular material i gave the command npm install #angular/material #angular/cdk, I am facing the below issue

npm ERR! code ERESOLVE npm ERR! ERESOLVE unable to resolve dependency
tree npm ERR! npm ERR! While resolving: dex-web-ui#0.0.0 npm ERR!
Found: #angular/animations#8.2.14 npm ERR!
node_modules/#angular/animations npm ERR!
#angular/animations#"~8.2.14" from the root project npm ERR! npm ERR!
Could not resolve dependency: npm ERR! peer
#angular/animations#"^14.0.0 || ^15.0.0" from #angular/material#14.2.6
npm ERR! node_modules/#angular/material npm ERR!
#angular/material#"*" 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!
I tried to update using the command npm update #angular/material #angular/cdk and seeing this issue.
code ERESOLVE npm ERR! ERESOLVE could not resolve npm ERR! npm ERR!
While resolving: karma-jasmine-html-reporter#1.5.1 npm ERR! Found:
jasmine-core#3.4.0 npm ERR! node_modules/jasmine-core npm ERR! dev
jasmine-core#"~3.4.0" from the root project npm ERR!
jasmine-core#"^3.3" from karma-jasmine#2.0.1 npm ERR!
node_modules/karma-jasmine npm ERR! dev karma-jasmine#"~2.0.1"
from the root project npm ERR! peer karma-jasmine#">=1.1" from
karma-jasmine-html-reporter#1.5.1 npm ERR!
node_modules/karma-jasmine-html-reporter npm ERR! dev
karma-jasmine-html-reporter#"^1.4.0" from the root project npm ERR!
npm ERR! Could not resolve dependency: npm ERR! peer
jasmine-core#">=3.5" from karma-jasmine-html-reporter#1.5.1 npm ERR!
node_modules/karma-jasmine-html-reporter npm ERR! dev
karma-jasmine-html-reporter#"^1.4.0" from the root project
I also had this issue you can run the npm install --legacy-peer-deps this worked for me to upgrade the material version
you need remove one of the two packages that conflict , I had the same problem with the package animations , I had installed version 15.2 and 14.1 , I removed the 15 via the command ( npm unistall #angular/animations#15.1.2 ) :
npm unistall <package name>
in your case I think the conflict is caused by the package jasmine-core# 3.5 , 3.3 and 3.4 , uninstall 2 package and should go

Unable to install vue-property-decorator or vue-class-component, when created project using vite

I have created a Vue3 project using Vite. When Vite is used I am unable to install vue-property-decorator or vue-class-component. It says it is unable to resolve dependency tree. Errors are attached below:
npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR!
npm ERR! While resolving: new-vite-project#0.0.0
npm ERR! Found: vue#3.2.32
npm ERR! node_modules/vue
npm ERR! vue#"^3.2.25" from the root project
npm ERR! peer vue#"*" from vue-property-decorator#9.1.2
npm ERR! node_modules/vue-property-decorator
npm ERR! vue-property-decorator#"*" from the root project
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer vue#"^2.0.0" from vue-class-component#7.2.6
npm ERR! node_modules/vue-class-component
npm ERR! peer vue-class-component#"*" from vue-property-decorator#9.1.2
npm ERR! node_modules/vue-property-decorator
npm ERR! vue-property-decorator#"*" 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 /home/zohaib/.npm/eresolve-report.txt for a full report.
npm ERR! A complete log of this run can be found in:
npm ERR! /home/zohaib/.npm/_logs/2022-04-13T20_02_35_956Z-debug.log
vue-class-component still doesn't officially support Vue 3.
It has a Release Candidate (RC) version though, but it may not be ready for production.
See this comment: vue-class-component issue #406
To install it:
npm install vue-class-component#8.0.0-rc.1 vue-property-decorator#10.0.0-rc.3

npm ERESOLVE error when installing Material UI

Getting ERESOLVE error when trying to install #material-ui/core and gatsby-plugin-material-ui:
npm install #material-ui/core gatsby-plugin-material-ui
npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR!
npm ERR! While resolving: gatsby-starter-default#0.1.0
npm ERR! Found: gatsby#4.1.2
npm ERR! node_modules/gatsby
npm ERR! gatsby#"^4.1.0" from the root project
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer gatsby#"^3.0.0" from gatsby-plugin-material-ui#4.0.3
npm ERR! node_modules/gatsby-plugin-material-ui
npm ERR! gatsby-plugin-material-ui#"*" 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!
How can I resolve this error?
Seems like your dependency tree is either broken or the packages you are trying to install have dependencies on their own that are also used by other peer dependencies but on different versions.
First, try removing all installed packages and lock files:
rm -rf node_modules && rm package-lock.json
You can then try re-installing them but with the --legacy-peer-deps flag:
npm install #material-ui/core gatsby-plugin-material-ui --legacy-peer-deps

Expo and Native Base unable to resolve dependency tree

Fresh install expo init firstapp then next npm install native-base. I encounter error like this below. I tried deleting node_modules and tried also deleting expo cli I have no success.
Anyone encounter this?
PS E:\Projects\ReactNative\firstapp> npm install native-base
>>
npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR!
npm ERR! Found: react#16.13.1
npm ERR! node_modules/react
npm ERR! peer react#"^16.13.1" from react-dom#16.13.1
npm ERR! node_modules/react-dom
npm ERR! peer react-dom#">=16.5.1" from react-native-web#0.13.18
npm ERR! node_modules/react-native-web
npm ERR! react-native-web#"~0.13.12" from the root project
npm ERR! react-dom#"16.13.1" from the root project
npm ERR! peer react#"*" from react-native-safe-area-context#3.2.0
npm ERR! node_modules/react-native-safe-area-context
npm ERR! react-native-safe-area-context#"3.2.0" from expo#41.0.1
npm ERR! node_modules/expo
npm ERR! expo#"~41.0.1" from the root project
npm ERR! 5 more (react-native-web, use-subscription, the root project, ...)
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer react#"17.0.1" from react-native-windows#0.64.8
npm ERR! node_modules/native-base/node_modules/react-native-windows
npm ERR! peer react-native-windows#">=0.62" from #react-native-community/datetimepicker#3.5.0
npm ERR! node_modules/native-base/node_modules/#react-native-community/datetimepicker
npm ERR! #react-native-community/datetimepicker#"^3.0.2" from native-base#2.15.2
npm ERR! node_modules/native-base
npm ERR! native-base#"*" 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\XXX\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! C:\Users\XXX\AppData\Local\npm-cache\_logs\2021-05-23T08_04_02_291Z-debug.log
Looks like maybe the solution to your problem might be to use a compatible version of native base with your react native version see table in native base documentation on the Compatibility Versions section.

React-navigation- dependencies (Error while install NPM navigation dependencies package installation)

when I install this package
1 . npm install #react-native-community/masked-view .
it shows error like this
npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR!
npm ERR! While resolving: Sample_pro#0.0.1
npm ERR! Found: react#17.0.1
npm ERR! node_modules/react
npm ERR! react#"17.0.1" from the root project
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer react#"^16.0" from #react-native-community/masked-view#0.1.10
npm ERR! node_modules/#react-native-community/masked-view
npm ERR! #react-native-community/masked-view#"*" 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\HP\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! C:\Users\HP\AppData\Local\npm-cache_logs\2021-04-21T03_52_51_024Z-debug.log
-----How should I solve this problem-----
Ther error message is telling you that
your proj is using react # 17.0.1 version while #react-native-community/masked-view 0.1.10 has a dependency of react # 16.
To solve it, you can choose one of the followings:
upgrade #react-native-community/masked-view to the latest package which is accepting react#16 and react#17
downgrade your root project's react version to 16
please remove package-lock.json file and try to install again hope it will work.