I have to migrate an application that use vue2 (2.6.10) to the last version of vue 3; I’m also do not have many experince on frontend development;
I have create the project with
npm init vue@3
I have copied all src folder and public folder from the old project using vue2;
And with the commad:
npm install <package>
I have installed almost all dependency I have in package.json
{
"name": "mybadge",
"version": "0.1.0",
"private": true,
"scripts": {
"serve": "vue-cli-service serve --host 0.0.0.0 --port 80",
"build": "vue-cli-service build",
"svg": "rm -rf ./public/static/compiled-icons && vsvg -s ./src/assets/icons -t ./public/static/compiled-icons"
},
"dependencies": {
"apexcharts": "^3.10.1",
"axios": "^0.19.0",
"core-js": "^2.6.5",
"mini-toastr": "^0.8.1",
"register-service-worker": "^1.6.2",
"vue": "^2.6.10",
"vue-apexcharts": "^1.5.1",
"vue-axios": "^2.1.4",
"vue-mini-toast": "^1.0.1",
"vue-perfect-scrollbar": "^0.2.0",
"vue-router": "^3.0.3",
"vue-youtube": "^1.3.5",
"vuetify": "^2.1.14"
},
"devDependencies": {
"@vue/cli-plugin-babel": "^3.11.0",
"@vue/cli-plugin-pwa": "^3.11.0",
"@vue/cli-service": "^3.11.0",
"material-design-icons-iconfont": "^5.0.1",
"sass": "^1.17.4",
"sass-loader": "^7.1.0",
"vue-cli-plugin-vuetify": "^0.6.3",
"vue-svgicon": "^3.2.6",
"vue-template-compiler": "^2.6.10",
"vuetify-loader": "^1.2.2"
}
}
But no way to install vue-sgvicon!!!!
I try to install with the same command
npm install vue-svgicon --save
But I get
npm error code ERESOLVE
npm error ERESOLVE unable to resolve dependency tree
npm error
npm error While resolving: [email protected]
npm error Found: [email protected]
npm error node_modules/vue
npm error vue@"^3.5.13" from the root project
npm error
npm error Could not resolve dependency:
npm error peer vue@"^2.5.17" from [email protected]
npm error node_modules/vue-svgicon
npm error vue-svgicon@"*" from the root project
npm error
npm error Fix the upstream dependency conflict, or retry
npm error this command with --force or --legacy-peer-deps
npm error to accept an incorrect (and potentially broken) dependency resolution.
npm error
npm error
npm error For a full report see:
npm error C:UsersvisAppDataLocalnpm-cache_logs2025-01-23T15_32_49_704Z-eresolve-report.txt
npm error A complete log of this run can be found in: C:UsersvisAppDataLocalnpm-cache_logs2025-01-23T15_32_49_704Z-debug-0.log
I have also used –force option, but no way to install vue-svgicon.