Tengo el siguiente contenido en el package.json
{
"name": "@destacame/vuetiful-widgets",
"main": "lib/index.js",
"module": "lib/index.esm.js",
"version": "0.1.0",
"scripts": {
"dev": "vue-cli-service serve",
"build": "vue-cli-service build",
"test:unit": "vue-cli-service test:unit",
"lint": "vue-cli-service lint",
"storybook": "storybook dev -p 6006",
"build-storybook": "storybook build",
"reinstall": "npm cache clean --force && rm -rf node_modules && rm -f package-lock.json && npm install"
},
"dependencies": {
"core-js": "^3.8.3",
"vue": "^2.6.11",
"vue-class-component": "^7.2.3",
"vue-property-decorator": "^8.4.2",
"vue-router": "^3.5.1",
"vuex": "^3.6.2"
},
"peerDependencies": {
"vue": "^2.6.11",
"vue-class-component": "^7.2.3",
"vue-property-decorator": "^8.4.2"
},
"devDependencies": {
"@babel/eslint-parser": "^7.19.1",
"@rollup/plugin-commonjs": "^14.0.0",
"@rollup/plugin-node-resolve": "^8.4.0",
"@storybook/addon-essentials": "^7.0.2",
"@storybook/addon-interactions": "^7.0.2",
"@storybook/addon-links": "^7.0.2",
"@storybook/blocks": "^7.0.2",
"@storybook/testing-library": "^0.0.14-next.2",
"@storybook/vue": "^7.0.2",
"@types/jest": "^27.0.1",
"@typescript-eslint/eslint-plugin": "^5.4.0",
"@typescript-eslint/parser": "^5.4.0",
"@vue/cli-plugin-babel": "~5.0.0",
"@vue/cli-plugin-eslint": "~5.0.0",
"@vue/cli-plugin-router": "~5.0.0",
"@vue/cli-plugin-unit-jest": "~5.0.0",
"@vue/cli-plugin-vuex": "~5.0.0",
"@vue/cli-service": "~5.0.0",
"@vue/compiler-sfc": "^3.0.0-rc.5",
"@vue/eslint-config-typescript": "^9.1.0",
"@vue/test-utils": "^1.1.3",
"@vue/vue2-jest": "^27.0.0-alpha.2",
"babel-jest": "^27.0.6",
"eslint": "^7.32.0",
"eslint-config-prettier": "^8.3.0",
"eslint-plugin-import": "^2.26.0",
"eslint-plugin-prettier": "^4.0.0",
"eslint-plugin-sort-keys-fix": "^1.1.2",
"eslint-plugin-storybook": "^0.6.11",
"eslint-plugin-vue": "^8.0.3",
"jest": "^27.0.5",
"prettier": "^2.4.1",
"react": "^18.2.0",
"react-dom": "^18.2.0",
"rollup": "^2.23.1",
"rollup-plugin-peer-deps-external": "^2.2.3",
"rollup-plugin-typescript2": "^0.27.2",
"rollup-plugin-vue": "^5.1.6",
"storybook": "^7.0.2",
"ts-jest": "^27.0.4",
"sass": "^1.60.0",
"sass-loader": "^13.2.2",
"typescript": "~4.5.5",
"vue-eslint-parser": "^9.1.1",
"vue-loader": "^15.10.1",
"@storybook/vue-webpack5": "^7.0.2",
"vue-template-compiler": "^2.6.14"
},
"browserslist": [
"> 1%",
"last 2 versions",
"not dead"
],
"resolutions": {
"webpack": "^5.0.0"
},
"jest": {
"preset": "@vue/cli-plugin-unit-jest/presets/typescript-and-babel"
}
}
Al ejecutar el comando reinstall este me arroja el siguiente error:
npm WARN using --force Recommended protections disabled.
npm ERR! code ERESOLVE
npm ERR! ERESOLVE could not resolve
npm ERR!
npm ERR! While resolving: @[email protected]
npm ERR! Found: [email protected]
npm ERR! node_modules/webpack
npm ERR! peer webpack@"^5.0.0" from [email protected]
npm ERR! node_modules/css-loader
npm ERR! peer css-loader@"*" from @storybook/[email protected]
npm ERR! node_modules/@storybook/vue
npm ERR! dev @storybook/vue@"^7.0.2" from the root project
npm ERR! 1 more (@storybook/vue-webpack5)
npm ERR! peer css-loader@"*" from @storybook/[email protected]
npm ERR! node_modules/@storybook/vue-webpack5
npm ERR! dev @storybook/vue-webpack5@"^7.0.2" from the root project
npm ERR! 2 more (vue-loader, @vue/cli-service)
npm ERR! peer webpack@">=5" from [email protected]
npm ERR! node_modules/babel-loader
npm ERR! peerOptional babel-loader@"^7.0.0 || ^8.0.0 || ^9.0.0" from @storybook/[email protected]
npm ERR! node_modules/@storybook/vue
npm ERR! dev @storybook/vue@"^7.0.2" from the root project
npm ERR! 1 more (@storybook/vue-webpack5)
npm ERR! peer babel-loader@"^7.0.0 || ^8.0.0 || ^9.0.0" from @storybook/[email protected]
npm ERR! node_modules/@storybook/vue-webpack5
npm ERR! dev @storybook/vue-webpack5@"^7.0.2" from the root project
npm ERR! 4 more (vue-loader, @vue/cli-plugin-babel, @vue/cli-service, @vue/cli-plugin-eslint)
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! dev @vue/cli-plugin-typescript@"~5.0.0" from the root project
npm ERR!
npm ERR! Conflicting peer dependency: [email protected]
npm ERR! node_modules/webpack
npm ERR! peer webpack@"^4.0.0" from [email protected]
npm ERR! node_modules/cache-loader
npm ERR! peerOptional cache-loader@"^4.1.0" from @vue/[email protected]
npm ERR! node_modules/@vue/cli-plugin-typescript
npm ERR! dev @vue/cli-plugin-typescript@"~5.0.0" 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.
Según entiendo esto se debe a que hay un conflicto de versiones de webpack. Consegui como sugerencia en un post agregando en el package.json lo siguiente
"resolutions": {
"webpack": "^5.0.0"
},
Pero tampoco funcionó
Removí la dependencia "@vue/cli-plugin-typescript": "~5.0.0", del package.json y esto dejó instalar todos los paquetes, luego la instale manualmente con el siguiente comando:
npm install @vue/cli-plugin-typescript
Esto último si me funcionó
No encuentro como evitar este error.