vue: npm install 失败，dependency conflict

重点报错：

1、发生了冲突

Fix the upstream dependency conflict

2、提供了解决方式

--force or --legacy-peer-deps

错误日志：
npm error node_modules/webpack
npm error   peer webpack@"^4.0.0" from @intervolga/optimize-cssnano-plugin@1.0.6
npm error   node_modules/@intervolga/optimize-cssnano-plugin
npm error     @intervolga/optimize-cssnano-plugin@"^1.0.5" from @vue/cli-service@4.4.6
npm error     node_modules/@vue/cli-service
npm error       dev @vue/cli-service@"4.4.6" from the root project
npm error       4 more (@vue/cli-plugin-babel, @vue/cli-plugin-eslint, ...)
npm error   peer webpack@"^4.0.0 || ^5.0.0" from @soda/friendly-errors-webpack-plugin@1.8.1
npm error   node_modules/@soda/friendly-errors-webpack-plugin
npm error     @soda/friendly-errors-webpack-plugin@"^1.7.1" from @vue/cli-service@4.4.6
npm error     node_modules/@vue/cli-service
npm error       dev @vue/cli-service@"4.4.6" from the root project
npm error       4 more (@vue/cli-plugin-babel, @vue/cli-plugin-eslint, ...)
npm error   23 more (@vue/cli-plugin-babel, @vue/cli-plugin-eslint, ...)
npm error
npm error Could not resolve dependency:
npm error peerOptional webpack@"^5.20.0" from html-webpack-plugin@5.6.0
npm error node_modules/html-webpack-plugin
npm error   dev html-webpack-plugin@"^5.6.0" from the root project
npm error   peer html-webpack-plugin@">=2.26.0" from @vue/preload-webpack-plugin@1.1.2
npm error   node_modules/@vue/preload-webpack-plugin
npm error     @vue/preload-webpack-plugin@"^1.1.0" from @vue/cli-service@4.4.6
npm error     node_modules/@vue/cli-service
npm error       dev @vue/cli-service@"4.4.6" from the root project
npm error       4 more (@vue/cli-plugin-babel, @vue/cli-plugin-eslint, ...)
npm error
npm error Conflicting peer dependency: webpack@5.93.0
npm error node_modules/webpack
npm error   peerOptional webpack@"^5.20.0" from html-webpack-plugin@5.6.0
npm error   node_modules/html-webpack-plugin
npm error     dev html-webpack-plugin@"^5.6.0" from the root project
npm error     peer html-webpack-plugin@">=2.26.0" from @vue/preload-webpack-plugin@1.1.2
npm error     node_modules/@vue/preload-webpack-plugin
npm error       @vue/preload-webpack-plugin@"^1.1.0" from @vue/cli-service@4.4.6
npm error       node_modules/@vue/cli-service
npm error         dev @vue/cli-service@"4.4.6" from the root project
npm error         4 more (@vue/cli-plugin-babel, @vue/cli-plugin-eslint, ...)
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 install --legacy-peer-deps

 

 注意点：

    --legacy-peer-deps的作用是允许依赖项版本不兼容的情况下强制安装。在一些特殊情况下，可能存在不兼容问题。

最好在引入的时候解决冲突问题，使用npm install安装。