Nuxt.js项目执行npm install时依赖解析循环问题求助

我基于Nuxt.js开发的Web应用，执行npm install时出现依赖解析无限循环错误（错误表现为版本冲突导致循环依赖链）。已尝试删除node_modules文件夹、清理npm缓存，均无效果；安装eslint-plugin-vue时也会触发同样问题，几乎所有npm操作都会出现这个循环。

我的package.json内容如下：

{"engines": {"node": "16.13.0","npm": "8.1.0"},"name": "my web app","version": "1.0.0","private": true,"scripts": {"dev": "nuxt","build": "nuxt build","start": "nuxt start","generate": "nuxt generate","lint:js": "eslint --ext .js,.vue --ignore-path .gitignore .","lint": "yarn lint:js","test": "jest --silent=false --watchAll=false --verbose=false"},"dependencies": {"@babel/preset-env": "7.12.13","@core-player/playcore-hls": "^0.1.1","@datadog/browser-logs": "^1.26.1","@microsoft/signalr": "^7.0.4","@nuxtjs/axios": "5.13.6","@saasquatch/squatch-js": "^2.4.1","@types/lodash": "^4.14.191","@types/luxon": "^1.25.0","@types/vue-cropperjs": "^4.1.1","@vue/composition-api": "1.1.2","@vuelidate/core": "2.0.0-alpha.7","@vuelidate/validators": "2.0.0-alpha.5","@yaireo/tagify": "^3.22.0","auth0-js": "^9.14.0","axios": "^0.22.0","core-js": "^3.6.5","dompurify": "^2.2.2","express": "^4.17.2","jimp": "^0.16.1","jwt-decode": "^3.1.1","lodash": "^4.17.21","nuxt": "2.15.8","nuxt-webpack-optimisations": "^2.2.0","rgbaster": "^2.1.1","sortablejs": "^1.12.0","vue": "2.6.14","vue-azure-blob-upload": "0.0.6","vue-core-video-player": "^0.2.0","vue-cropperjs": "^4.1.0","vue-fragment": "1.5.1","vue-luxon": "^0.9.0","vue-plyr": "^7.0.0","vue-sortable": "^0.1.3","vue-uuid": "^2.0.2","vue2-editor": "^2.10.2","vuejs-localization": "^1.0.3","vuetify": "^2.6.4","vuetify-dialog": "^2.0.12"},"devDependencies": {"@nuxt/test-utils": "^0.2.2","@nuxt/types": "2.15.8","@nuxt/typescript-build": "2.0.2","@nuxtjs/eslint-module": "^2.0.0","@nuxtjs/style-resources": "^1.0.0","@types/google.maps": "^3.47.3","@types/jest": "^27.4.1","@vue/test-utils": "^1.1.0","babel-core": "7.0.0-bridge.0","babel-eslint": "^10.1.0","babel-jest": "^26.5.0","deepmerge": "^4.2.2","eslint-plugin-nuxt": "^1.0.0","fork-ts-checker-webpack-plugin": "^6.2.10","jest": "^26.6.3","sass": "~1.32","sass-loader": "^10.1.1","ts-jest": "^26.4.1","vue-demi": "^0.4.3","vue-jest": "^3.0.4","vue-server-renderer": "2.6.14","vue-template-compiler": "2.6.14"}}

解决办法 #

1. 修复核心依赖冲突 #

• 移除手动安装的axios：@nuxtjs/axios内部已集成axios，你手动安装的axios@0.22.0和@nuxtjs/axios@5.13.6的依赖版本可能互斥，删除package.json中dependencies里的axios条目。
• 升级vue-demi版本：Vue 2.6.14适配的vue-demi稳定版本为0.13.11，替换现有vue-demi@0.4.3，避免版本适配问题引发的依赖链异常。

2. 调整npm版本 #

npm 8.x部分版本的依赖解析逻辑存在bug，建议降级到8.0.0或升级到8.5.0+：

npm install -g npm@8.5.0

3. 彻底清理依赖环境 #

删除锁文件并重新生成依赖：

rm -rf node_modules package-lock.json
npm cache clean --force
npm install

4. 替换不稳定的预发布依赖 #

你使用的@vuelidate/core和@vuelidate/validators是alpha版本，这类版本依赖关系不稳定，替换为稳定版：

"@vuelidate/core": "^2.0.3",
"@vuelidate/validators": "^2.0.4"

5. 排查webpack优化插件兼容性 #

nuxt-webpack-optimisations@2.2.0可能与Nuxt 2.15.8的webpack版本不兼容，尝试移除该插件，或升级到适配版本后再测试。

内容的提问来源于stack exchange，提问作者Ali Mardini