Resolve css-loader dependency peer Webpack5 failure
P粉268284930
P粉268284930 2023-08-28 15:36:07
0
1
466

实际上,我对 javascript 很陌生,我想将 vue-audio-visual 安装到我的项目中。但我在节点控制台中遇到了奇怪的错误,我不知道有什么关系。 npm 错误如下所示:

code ERESOLVE npm ERR! ERESOLVE could not resolve npm ERR! npm ERR! While resolving: css-loader@6.6.0 npm ERR! Found: webpack@4.46.0 npm ERR! node_modules/webpack npm ERR! peer webpack@"^4.0.0 || ^5.0.0" from @soda/friendly-errors-webpack-plugin@1.8.1 npm ERR! node_modules/@soda/friendly-errors-webpack-plugin npm ERR! @soda/friendly-errors-webpack-plugin@"^1.7.1" from @vue/cli-service@4.5.15 npm ERR! node_modules/@vue/cli-service npm ERR! peer @vue/cli-service@"^3.0.0 || ^4.0.0-0" from @vue/cli-plugin-babel@4.5.15 npm ERR! node_modules/@vue/cli-plugin-babel npm ERR! dev @vue/cli-plugin-babel@"~4.5.0" from the root project npm ERR! 3 more (@vue/cli-plugin-router, @vue/cli-plugin-vuex, the root project) npm ERR! webpack@"^4.0.0" from @vue/cli-plugin-babel@4.5.15 npm ERR! node_modules/@vue/cli-plugin-babel npm ERR! dev @vue/cli-plugin-babel@"~4.5.0" from the root project npm ERR! 19 more (cache-loader, thread-loader, @vue/cli-service, ...) npm ERR! npm ERR! Could not resolve dependency: npm ERR! peer webpack@"^5.0.0" from css-loader@6.6.0 npm ERR! node_modules/css-loader npm ERR! peer css-loader@"*" from vue-loader@15.10.0 npm ERR! node_modules/vue-loader npm ERR! vue-loader@"^15.9.2" from @vue/cli-service@4.5.15 npm ERR! node_modules/@vue/cli-service npm ERR! peer @vue/cli-service@"^3.0.0 || ^4.0.0-0" from @vue/cli-plugin-babel@4.5.15 npm ERR! node_modules/@vue/cli-plugin-babel npm ERR! 3 more (@vue/cli-plugin-router, @vue/cli-plugin-vuex, the root project) npm ERR! css-loader@"^6.6.0" from the root project npm ERR! npm ERR! Conflicting peer dependency: webpack@5.74.0 npm ERR! node_modules/webpack npm ERR! peer webpack@"^5.0.0" from css-loader@6.6.0 npm ERR! node_modules/css-loader npm ERR! peer css-loader@"*" from vue-loader@15.10.0 npm ERR! node_modules/vue-loader npm ERR! vue-loader@"^15.9.2" from @vue/cli-service@4.5.15 npm ERR! node_modules/@vue/cli-service npm ERR! peer @vue/cli-service@"^3.0.0 || ^4.0.0-0" from @vue/cli-plugin-babel@4.5.15 npm ERR! node_modules/@vue/cli-plugin-babel npm ERR! 3 more (@vue/cli-plugin-router, @vue/cli-plugin-vuex, the root project) npm ERR! css-loader@"^6.6.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. npm ERR! npm ERR! See /Users/julapps/.npm/eresolve-report.txt for a full report. npm ERR! A complete log of this run can be found in: npm ERR! /Users/julapps/.npm/_logs/2022-10-23T12_42_49_511Z-debug-0.log

但是,在我的 package.json 文件中,我使用这些依赖项 css-loader": "^6.6.0"

和 vue 部门:

"devDependencies": { "@vue/cli-plugin-babel": "~4.5.0", "@vue/cli-plugin-router": "^4.5.15", "@vue/cli-service": "~4.5.0", "@vue/compiler-sfc": "^3.0.0", "webpack": "^4.46.0" } 

有人可以向我解释一下我应该做什么吗?

P粉268284930
P粉268284930

reply all (1)
P粉614840363

Are you using Vue3 and Webpack instead of Vite?
Not sure if this is a known option, but I'd rather recommend Vite.


As for why this problem occurs, the error explains it well. Let me translate it:

If you check thechangelogfor a given package, you can see that Webpack 5 is indeed a forced upgrade

random:

  • Switch to Vite
  • Use npm to install Webpack 5
  • Work with yarn/pnpm for better errors
    Latest Downloads
    More>
    Web Effects
    Website Source Code
    Website Materials
    Front End Template
    About us Disclaimer Sitemap
    php.cn:Public welfare online PHP training,Help PHP learners grow quickly!