Unable to Update Webpack for React Project - npm

Right now my current project is using an old version of webpack (3.5.1) and I need to update it to a version that can understand object spread because an npm module would not compile because of older webpack version.
If I run npm update webpack I get the following error:
npm ERR! code ERESOLVE
npm ERR! ERESOLVE could not resolve
npm ERR!
npm ERR! While resolving: css-loader#1.0.1
npm ERR! Found: webpack#3.5.1
npm ERR! node_modules/webpack
npm ERR! webpack#"3.5.1" from the root project
npm ERR! peer webpack#"2 || 3" from babel-loader#7.1.1
npm ERR! node_modules/babel-loader
npm ERR! babel-loader#"7.1.1" from the root project
npm ERR! 10 more (extract-text-webpack-plugin, file-loader, ...)
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer webpack#"^4.0.0" from css-loader#1.0.1
npm ERR! node_modules/css-loader
npm ERR! dev css-loader#"1.0.1" from the root project
npm ERR!
npm ERR! Conflicting peer dependency: webpack#4.46.0
npm ERR! node_modules/webpack
npm ERR! peer webpack#"^4.0.0" from css-loader#1.0.1
npm ERR! node_modules/css-loader
npm ERR! dev css-loader#"1.0.1" from the root project
I tried to force update but it didn't work either.

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

React Native deck swiper library not working

I am trying to install the react native deck swiper using npm and I am getting the following error. Guys is the something wrong with this library "npm install react-native-deck-swiper" and if there is how do we fix it?
npm WARN config global --global, --local are deprecated. Use --location=global instead.
npm ERR! code ERESOLVE
npm ERR! ERESOLVE could not resolve
npm ERR!
npm ERR! While resolving: react-native-deck-swiper#2.0.8
npm ERR! Found: react-native#0.69.5
npm ERR! node_modules/react-native
npm ERR! peer react-native#"" from #react-native-community/cli#8.0.6
npm ERR! node_modules/#react-native-community/cli
npm ERR! #react-native-community/cli#"^8.0.4" from react-native#0.69.5
npm ERR! peer react-native#"" from #react-navigation/elements#1.3.5
npm ERR! node_modules/#react-navigation/elements
npm ERR! #react-navigation/elements#"^1.3.5" from #react-navigation/native-stack#6.8.0
npm ERR! node_modules/#react-navigation/native-stack
npm ERR! #react-navigation/native-stack#"^6.8.0" from the root project
npm ERR! 6 more (#react-navigation/native, ...)
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer react-native#"^0.49.1" from react-native-deck-swiper#2.0.8
npm ERR! node_modules/react-native-deck-swiper
npm ERR! react-native-deck-swiper#"^2.0.8" from the root project
npm ERR!
npm ERR! Conflicting peer dependency: react-native#0.49.5
npm ERR! node_modules/react-native
npm ERR! peer react-native#"^0.49.1" from react-native-deck-swiper#2.0.8
npm ERR! node_modules/react-native-deck-swiper
npm ERR! react-native-deck-swiper#"^2.0.8" 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\Leago\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\Leago\AppData\Local\npm-cache_logs\2022-08-31T23_17_27_722Z-debug-0.log
I had the same issue as you, I found out it's more related to the command npm, apparently it works with yarn.
You can check these two links in which the problem is treated, but I don't think forcing the installation with npm install --force is a good idea:
React-native-deck-swiper unable to install
https://github.com/alexbrillant/react-native-deck-swiper/issues/337

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/

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.