error while running npm install in visual studio code after installing new version of node.Js V18

[gillopatson]

i'm developing a vuejs program on visual sudio code. Although my program worked correctly with NodeJs V14, I decided to install a new version of node.Js (NodeJs V18). Entering the npm install command (I first deleted the node_module folder and the package-lock.json file), I get the following errors. I've already tried the following commands: npm install --force and npm install --legacy-peer-deps, but they don't change much. Does anyone has an idea to solve that problem?

package.json:

{ "name": "remote-services-cockpit", "version": "0.2.3", "private": true, "scripts": { "serve": "vue-cli-service serve --mode local", "serve:develop": "vue-cli-service serve --mode development", "serve:prod": "vue-cli-service serve --mode production", "serve:int": "vue-cli-service serve --mode staging", "build:develop": "vue-cli-service build --mode development", "build:int": "vue-cli-service build --mode staging", "build": "vue-cli-service build", "build:prod": "vue-cli-service build", "lint": "vue-cli-service lint" }, "dependencies": { "@vueuse/core": "^6.7.4", "@vuex-orm/core": "^0.36.4", "@vuex-orm/plugin-axios": "^0.9.4", "axios": "^1.5.0", "bootstrap": "^4.5.3", "bootstrap-vue": "^2.21.2", "chart.js": "^2.9.4", "chartjs-plugin-doughnutlabel": "^2.0.3", "chartjs-plugin-labels": "^1.1.0", "core-js": "^2.6.5", "jquery": "^3.5.1", "moment": "^2.28.0", "oidc-client": "^1.11.5", "popper.js": "^1.16.1", "portal-vue": "^2.1.7", "vue": "^2.6.14", "vue-chartjs": "^3.5.1", "vue-cookie": "^1.1.4", "vue-global-var": "^1.0.0", "vue-i18n": "^8.21.1", "vue-lottie": "^0.2.1", "vue-pdf": "^4.3.0", "vue-router": "^3.0.3", "vue-slick": "^1.1.15", "vue-slick-carousel": "^1.0.6", "vuex": "^3.6.2", "vuex-oidc": "^3.10.3" }, "devDependencies": { "@vue/cli-plugin-babel": "^5.0.8", "@vue/cli-plugin-eslint": "^5.0.8", "@vue/cli-service": "^5.0.8", "@vue/eslint-config-standard": "^4.0.0", "babel-eslint": "^10.0.1", "eslint": "^5.16.0", "eslint-plugin-vue": "^5.0.0", "http-proxy-middleware": "^1.0.5", "node-sass": "8.0", "sass": "^1.26.10", "sass-loader": "^10.0.2", "vue-template-compiler": "^2.6.12", "vuejs-logger": "^1.5.5" } }
Error:
PS C:\development\Frontend\remote-service> npm install npm ERR! code ERESOLVE npm ERR! ERESOLVE could not resolve npm ERR! npm ERR! While resolving: @vue/[email protected] npm ERR! Found: [email protected] npm ERR! node_modules/eslint npm ERR! dev eslint@"^5.16.0" from the root project npm ERR! peer eslint@">= 4.12.1" from [email protected] npm ERR! node_modules/babel-eslint npm ERR! dev babel-eslint@"^10.0.1" from the root project npm ERR! 7 more (eslint-config-standard, eslint-plugin-es, ...) npm ERR! npm ERR! Could not resolve dependency: npm ERR! peer eslint@">=7.5.0" from @vue/[email protected] npm ERR! node_modules/@vue/cli-plugin-eslint npm ERR! dev @vue/cli-plugin-eslint@"^5.0.8" from the root project npm ERR! npm ERR! Conflicting peer dependency: [email protected] npm ERR! node_modules/eslint npm ERR! peer eslint@">=7.5.0" from @vue/[email protected] npm ERR! node_modules/@vue/cli-plugin-eslint npm ERR! dev @vue/cli-plugin-eslint@"^5.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.

[Shyam-Chen]

Try Node.js version 14 or 16.

[gillopatson]

I try with Node.js version 16 and now it's work fine