Cannot add plugins on gatsby - npm

I have a dependency error trying to add any of the plugins available for gatsby. This issue is there immediately after the first installation of gatsby and after running the command "gatsby create".
Here below you can find all the details of the problem.
Can someone please help to fix this issue?
Thanks in advance.
npm ERR! ERESOLVE could not resolve
npm ERR!
npm ERR! While resolving: #mdx-js/react#1.6.22
npm ERR! Found: react#18.1.0
npm ERR! node_modules/react
npm ERR! peer react#"15.x || 16.x || 17.x || 18.x" from #gatsbyjs/reach-router#1.3.7
npm ERR! node_modules/#gatsbyjs/reach-router
npm ERR! #gatsbyjs/reach-router#"^1.3.6" from gatsby#4.17.0
npm ERR! node_modules/gatsby
npm ERR! peer gatsby#"^4.0.0-next" from babel-plugin-remove-graphql-queries#4.17.0
npm ERR! node_modules/babel-plugin-remove-graphql-queries
npm ERR! babel-plugin-remove-graphql-queries#"^4.17.0" from gatsby#4.17.0
npm ERR! 2 more (gatsby-plugin-image, gatsby-plugin-typescript)
npm ERR! 13 more (gatsby-plugin-google-analytics, gatsby-plugin-image, ...)
npm ERR! peer #gatsbyjs/reach-router#"^1.3.5" from gatsby-link#4.17.0
npm ERR! node_modules/gatsby-link
npm ERR! gatsby-link#"^4.17.0" from gatsby#4.17.0
npm ERR! node_modules/gatsby
npm ERR! peer gatsby#"^4.0.0-next" from babel-plugin-remove-graphql-queries#4.17.0
npm ERR! node_modules/babel-plugin-remove-graphql-queries
npm ERR! 13 more (gatsby-plugin-google-analytics, gatsby-plugin-image, ...)
npm ERR! 1 more (gatsby-react-router-scroll)
npm ERR! peer react#"^16.9.0 || ^17.0.0 || ^18.0.0" from gatsby#4.17.0
npm ERR! node_modules/gatsby
npm ERR! peer gatsby#"^4.0.0-next" from babel-plugin-remove-graphql-queries#4.17.0
npm ERR! node_modules/babel-plugin-remove-graphql-queries
npm ERR! babel-plugin-remove-graphql-queries#"^4.17.0" from gatsby#4.17.0
npm ERR! 2 more (gatsby-plugin-image, gatsby-plugin-typescript)
npm ERR! peer gatsby#"^4.0.0-next" from gatsby-plugin-google-analytics#4.17.0
npm ERR! node_modules/gatsby-plugin-google-analytics
npm ERR! gatsby-plugin-google-analytics#"^4.17.0" from the root project
npm ERR! 12 more (gatsby-plugin-image, gatsby-plugin-manifest, ...)
npm ERR! 10 more (gatsby-link, gatsby-plugin-google-analytics, ...)
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer react#"^16.13.1 || ^17.0.0" from #mdx-js/react#1.6.22
npm ERR! node_modules/#mdx-js/react
npm ERR! peer #mdx-js/react#"^1.0.0" from gatsby-plugin-mdx#3.17.0
npm ERR! node_modules/gatsby-plugin-mdx
npm ERR! gatsby-plugin-mdx#"^3.17.0" from the root project
npm ERR! #mdx-js/react#"^1.6.22" from the root project
npm ERR!
npm ERR! Conflicting peer dependency: react#17.0.2
npm ERR! node_modules/react
npm ERR! peer react#"^16.13.1 || ^17.0.0" from #mdx-js/react#1.6.22
npm ERR! node_modules/#mdx-js/react
npm ERR! peer #mdx-js/react#"^1.0.0" from gatsby-plugin-mdx#3.17.0
npm ERR! node_modules/gatsby-plugin-mdx
npm ERR! gatsby-plugin-mdx#"^3.17.0" from the root project
npm ERR! #mdx-js/react#"^1.6.22" 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.```

Related

ERR ERESOLVE while installing react-native-firebase/auth

In my react native project, I want to install React Native Firebase Auth but I got error after running this command:
npm i #react-native-firebase/auth
The error :
npm ERR! code ERESOLVE
npm ERR! ERESOLVE could not resolve
npm ERR!
npm ERR! While resolving: KengTung#0.0.1
npm ERR! Found: #react-native-firebase/app#16.5.1
npm ERR! node_modules/#react-native-firebase/app
npm ERR! peer #react-native-firebase/app#"16.5.1" from #react-native-firebase/database#16.5.1
npm ERR! node_modules/#react-native-firebase/database
npm ERR! #react-native-firebase/database#"^16.5.1" from the root project
npm ERR! peer #react-native-firebase/app#"16.5.1" from #react-native-firebase/storage#16.5.1
npm ERR! node_modules/#react-native-firebase/storage
npm ERR! #react-native-firebase/storage#"^16.5.1" from the root project
npm ERR! 1 more (the root project)
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! #react-native-firebase/auth#"*" from the root project
npm ERR!
npm ERR! Conflicting peer dependency: #react-native-firebase/app#16.7.0
npm ERR! node_modules/#react-native-firebase/app
npm ERR! peer #react-native-firebase/app#"16.7.0" from #react-native-firebase/auth#16.7.0
npm ERR! node_modules/#react-native-firebase/auth
npm ERR! #react-native-firebase/auth#"*" from the root project
npm ERR!

Try this :
npm config set legacy-peer-deps true
npm i

I cant download native-base

I use Node.js v18.9.1 and React Native Expo 6.0.8. When I download Native Base I get system error:
D:\Ui-Project\UI-Project>npm install native-base
npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR!
npm ERR! While resolving: ui-project#1.0.0
npm ERR! Found: react#18.1.0
npm ERR! node_modules/react
npm ERR! react#"18.1.0" from the root project
npm ERR! peer react#"*" from native-base#3.4.21
npm ERR! node_modules/native-base
npm ERR! native-base#"*" from the root project
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer react#"^18.2.0" from react-dom#18.2.0
npm ERR! node_modules/react-dom
npm ERR! peer react-dom#"*" from native-base#3.4.21
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\PC\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\PC\AppData\Local\npm-cache\_logs\2022-11-15T14_51_31_860Z-debug-0.log

Try this:
npm install native-base --legacy-peer-deps

Error in installation of Vue js in laravel ...... npm install vuex --save

npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR!
npm ERR! While resolving: undefined#undefined
npm ERR! Found: vue#2.6.14
npm ERR! node_modules/vue
npm ERR! dev vue#"^2.6.12" from the root project
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer vue#"^3.0.2" from vuex#4.0.2
npm ERR! node_modules/vuex
npm ERR! vuex#"*" 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!

Cannot build Shopware 6 admin with npm 8.11

When running bin/build-administration.sh we get
npm ERR! code ERESOLVE
npm ERR! ERESOLVE could not resolve
npm ERR!
npm ERR! While resolving: eslint-config-airbnb-base#13.2.0
npm ERR! Found: eslint#7.10.0
npm ERR! node_modules/eslint
npm ERR! dev eslint#"7.10.0" from the root project
npm ERR! peer eslint#"^6.0.0 || ^7.0.0 || ^8.0.0" from #typescript-eslint/eslint-plugin#5.1.0
npm ERR! node_modules/#typescript-eslint/eslint-plugin
npm ERR! #typescript-eslint/eslint-plugin#"5.1.0" from the root project
npm ERR! 14 more (#typescript-eslint/experimental-utils, eslint-utils, ...)
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer eslint#"^4.19.1 || ^5.3.0" from eslint-config-airbnb-base#13.2.0
npm ERR! node_modules/eslint-config-airbnb-base
npm ERR! dev eslint-config-airbnb-base#"13.2.0" from the root project
npm ERR! eslint-config-airbnb-base#"^13.2.0" from #shopware-ag/eslint-config-base#1.0.0
npm ERR! node_modules/#shopware-ag/eslint-config-base
npm ERR! #shopware-ag/eslint-config-base#"1.0.0" from the root project
npm ERR!
npm ERR! Conflicting peer dependency: eslint#5.16.0
npm ERR! node_modules/eslint
npm ERR! peer eslint#"^4.19.1 || ^5.3.0" from eslint-config-airbnb-base#13.2.0
npm ERR! node_modules/eslint-config-airbnb-base
npm ERR! dev eslint-config-airbnb-base#"13.2.0" from the root project
npm ERR! eslint-config-airbnb-base#"^13.2.0" from #shopware-ag/eslint-config-base#1.0.0
npm ERR! node_modules/#shopware-ag/eslint-config-base
npm ERR! #shopware-ag/eslint-config-base#"1.0.0" from the root project
We are using this versions:
$ npm -v
8.11.0
$ node -v
v16.15.1
and Shopware 6.4.11.1
With npm 8.5 it seemed to work.
I am wondering if this is a bug in Shopware or in npm?
I would guess something needs to be updated in Shopware?

run npm config set legacy-peer-deps=true in your project folder
this is related to https://github.com/npm/cli/issues/4664

what should i do to fix this upstream dependency issue with sveltekit and netify-cms

I have installed sveltekit and deployed the sveltekit template to netify.
I want to link it to netify-cms and then do some actually website building but it caused this error when trying to download the npm package.
C:\Users\pjsup\code\ponders-showcase>npm i netlify-cms-app
npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR!
npm ERR! Found: react#17.0.2
npm ERR! node_modules/react
npm ERR! peer react#"^16.8.4 || ^17.0.0" from netlify-cms-app#2.15.40
npm ERR! node_modules/netlify-cms-app
npm ERR! netlify-cms-app#"*" from the root project
npm ERR! peer react#"17.0.2" from react-dom#17.0.2
npm ERR! node_modules/react-dom
npm ERR! peer react-dom#"^16.8.4 || ^17.0.0" from netlify-cms-app#2.15.40
npm ERR! node_modules/netlify-cms-app
npm ERR! netlify-cms-app#"*" from the root project
npm ERR! peer react-dom#"^16.8.4 || ^17.0.0" from netlify-cms-core#2.48.0
npm ERR! node_modules/netlify-cms-core
npm ERR! netlify-cms-core#"^2.48.0" from netlify-cms-app#2.15.40
npm ERR! node_modules/netlify-cms-app
npm ERR! netlify-cms-app#"*" from the root project
npm ERR! 7 more (netlify-cms-widget-date, ...)
npm ERR! 39 more (#emotion/core, #emotion/styled, ...)
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer react#"^16.0.0-0" from react-split-pane#0.1.92
npm ERR! node_modules/netlify-cms-core/node_modules/react-split-pane
npm ERR! react-split-pane#"^0.1.85" from netlify-cms-core#2.48.0
npm ERR! node_modules/netlify-cms-core
npm ERR! netlify-cms-core#"^2.48.0" from netlify-cms-app#2.15.40
npm ERR! node_modules/netlify-cms-app
npm ERR! netlify-cms-app#"*" 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\pjsup\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\pjsup\AppData\Local\npm-cache\_logs\2021-09-06T12_26_54_989Z-debug.log
Is this because the netify-cms cannot work with sveltekit yet? It claims to work with Sapper its predecessor.
https://www.netlifycms.org/docs/add-to-your-site/