Develop Reference

I am trying to download compression webpack plugin with npm but its giving me error

Hi there this is the message that APPEARS WHEN I TRY TO RUN THE COMMAND
npm install compression-webpack-plugin
and this is the error:
`PS D:\phaser games\game-slot-machine> npm install compression-webpack-plugin
npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR!
npm ERR! While resolving: phaser3-project-template#1.1.2
npm ERR! Found: webpack#4.46.0
npm ERR! node_modules/webpack
npm ERR! dev webpack#"^4.41.2" from the root projectnpm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer webpack#"^5.1.0" from compression-webpack-plugin#10.0.0
npm ERR! node_modules/compression-webpack-plugin
npm ERR! compression-webpack-plugin#"*" from the root project
npm ERR!
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with --force, or --legacy-peer-dnpm ERR! to accept an incorrect (and potentially broken) dependency resolution.
npm ERR!
npm ERR! See C:\Users\Cheetay\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\Cheetay\AppData\Local\npm-cache_logs\2023-01-31T07_37_59_109Z-debug-0npm install compression-webpack-plugin --save-devine>
npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR!
npm ERR! While resolving: phaser3-project-template#1.1.2
npm ERR! Found: webpack#4.46.0
npm ERR! node_modules/webpack
npm ERR! dev webpack#"^4.41.2" from the root projectnpm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer webpack#"^5.1.0" from compression-webpack-plugin#10.0.0
npm ERR! node_modules/compression-webpack-plugin
npm ERR! dev compression-webpack-plugin#"*" 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
n) dependency resolution.
npm ERR!
npm ERR! See C:\Users\Cheetay\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\Cheetay\AppData\Local\npm-cache_logs\2023-01-31T07_39_13_026Z-debug-0.log
PS D:\phaser games\game-slot-machine> npm install compression-webpack-plugin --save-dev
npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR!
npm ERR! While resolving: phaser3-project-template#1.1.2
npm ERR! Found: webpack#4.46.0
npm ERR! node_modules/webpack
npm ERR! dev webpack#"^4.41.2" from the root projectnpm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer webpack#"^5.1.0" from compression-webpack-plugin#10.0.0
npm ERR! node_modules/compression-webpack-plugin
npm ERR! dev compression-webpack-plugin#"*" 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\Cheetay\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\Cheetay\AppData\Local\npm-cache_logs\2023-01-31T07_39_20_653Z-debug-0.log`
i am trying to reduce size of my js file in a game and trying to download this plugin that reduces the size.

first, you need to fix the conflict between both the dependency if you want to run both commands at one time, or using --force is also an option if you really want to compress the file.

npm install react-masonry-css Error Problem

PS E:\Share me\shareme_frontend\my-project> npm install react-masonry-css
npm ERR! code ERESOLVE
npm ERR! ERESOLVE could not resolve
npm ERR!
npm ERR! While resolving: react-google-login#5.2.2
npm ERR! Found: react#18.2.0
npm ERR! node_modules/react
npm ERR! peer react#"^18.0.0" from #testing-library/react#13.4.0
npm ERR! node_modules/#testing-library/react
npm ERR! #testing-library/react#"^13.4.0" from the root project
npm ERR! peer react#"^18.2.0" from react-dom#18.2.0
npm ERR! node_modules/react-dom
npm ERR! peer react-dom#"^18.0.0" from #testing-library/react#13.4.0
npm ERR! node_modules/#testing-library/react
npm ERR! #testing-library/react#"^13.4.0" from the root project
npm ERR! peer react-dom#"^16.0.0 || ^17.0.0 || ^18.0.0" from react-loader-spinner#5.3.4
npm ERR! node_modules/react-loader-spinner
npm ERR! react-loader-spinner#"^5.3.4" from the root project
npm ERR! 3 more (react-router-dom, styled-components, the root project)
npm ERR! 7 more (react-icons, react-loader-spinner, react-router, ...)
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer react#"^16 || ^17" from react-google-login#5.2.2
npm ERR! node_modules/react-google-login
npm ERR! react-google-login#"^5.2.2" 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 || ^17" from react-google-login#5.2.2
npm ERR! node_modules/react-google-login
npm ERR! react-google-login#"^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\pankaj kumar\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\pankaj kumar\AppData\Local\npm-cache\_logs\2022-11-01T08_45_55_070Z-debug-0.log
npm install react-masonry-css
but showing uper error, hoe i can solve it
npm install react-masonry-css --force
npm install react-masonry-css --legacy-peer-deps
both are already tried

could not resolve npm ERR! npm ERR! While resolving: vue-awesome-swiper#4.1.1 npm ERR! Found: swiper#6.5.4 when run npm install

i'm try to install a project on my pc but i got this error while runing npm install
it works fine on the old laptop but on the new i got this error
npm ERR! code ERESOLVE
npm ERR! ERESOLVE could not resolve
npm ERR!
npm ERR! While resolving: vue-awesome-swiper#4.1.1
npm ERR! Found: swiper#6.5.4
npm ERR! node_modules/swiper
npm ERR! swiper#"^6.5.4" from the root project
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer swiper#"^5.2.0" from vue-awesome-swiper#4.1.1
npm ERR! node_modules/vue-awesome-swiper
npm ERR! vue-awesome-swiper#"^4.1.1" from the root project
npm ERR!
npm ERR! Conflicting peer dependency: swiper#5.4.5
npm ERR! node_modules/swiper
npm ERR! peer swiper#"^5.2.0" from vue-awesome-swiper#4.1.1
npm ERR! node_modules/vue-awesome-swiper
npm ERR! vue-awesome-swiper#"^4.1.1" 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\mohammed mujahid\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\mohammed mujahid\AppData\Local\npm-cache\_logs\2022-08-28T08_40_24_210Z-debug-0.log

Run npm install --force or npm install --legacy-peer-deps
The above comment will forcefully install all the packages

I am working on my react application, updated all dependencies but still getting this error

npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR!
npm ERR! While resolving: navbar#0.1.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!
npm ERR! Could not resolve dependency:
npm ERR! peer react#"^16.2.0 || ^17.0.0" from react-modal-video#1.2.8
npm ERR! node_modules/react-modal-video
npm ERR! react-modal-video#"^1.2.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\SajjadAli\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\SajjadAli\AppData\Local\npm-cache\_logs\2022-05-26T10_24_55_932Z-debug.log

Looks like react-modal-video requires a peer dependency of React 16 or 17, but you are using React 18.

ESLint dependency fail

I want to use ESLint on a React project on VSCode, but it doesn't work. When I enter
npm install
it shows me this:
npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR!
npm ERR! Found: type-fest#0.20.2
npm ERR! node_modules/type-fest
npm ERR! type-fest#"^0.20.2" from globals#13.10.0
npm ERR! node_modules/#eslint/eslintrc/node_modules/globals
npm ERR! globals#"^13.9.0" from #eslint/eslintrc#0.4.3
npm ERR! node_modules/#eslint/eslintrc
npm ERR! #eslint/eslintrc#"^0.4.3" from eslint#7.32.0
npm ERR! node_modules/eslint
npm ERR! dev eslint#"^7.32.0" from the root project
npm ERR! 18 more (#typescript-eslint/eslint-plugin, ...)
npm ERR! type-fest#"^0.20.2" from globals#13.10.0
npm ERR! node_modules/eslint/node_modules/globals
npm ERR! globals#"^13.6.0" from eslint#7.32.0
npm ERR! dev eslint#"^7.32.0" from the root project
npm ERR! 18 more (#typescript-eslint/eslint-plugin, ...)
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peerOptional type-fest#"^0.13.1" from #pmmmwh/react-refresh-webpack-plugin#0.4.2
npm ERR! node_modules/#pmmmwh/react-refresh-webpack-plugin
npm ERR! #pmmmwh/react-refresh-webpack-plugin#"0.4.2" from react-scripts#4.0.1
npm ERR! node_modules/react-scripts
npm ERR! react-scripts#"4.0.1" 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\Leo\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\Leo\AppData\Local\npm-cache\_logs\2021-08-07T10_27_10_092Z-debug.log

According to you log, npm install seems to have an issue with the type-fest dependency. You can try running npm install --save type-fest to save it to your dependencies, then retry.