npm UNMET PEER DEPENDENCY cli@3.3.12 > webpack-cli@3.3.12

Now in my project there are some unmet peer dependencies:

$ npm list|grep webpack

├── @webpack-cli/serve@1.7.0
├─┬ html-webpack-plugin@4.5.0
│ ├─┬ @types/webpack@4.41.25
│ │ ├─┬ @types/webpack-sources@2.1.0
├─┬ UNMET PEER DEPENDENCY webpack@5.10.0
│ ├─┬ terser-webpack-plugin@5.0.3
│ └─┬ webpack-sources@2.2.0
├─┬ UNMET PEER DEPENDENCY webpack-cli@3.3.12
└─┬ webpack-dev-server@3.11.0
  ├── UNMET PEER DEPENDENCY webpack@^4.0.0
  ├─┬ webpack-dev-middleware@3.7.2
  │ └── webpack-log@2.0.0 deduped
  ├─┬ webpack-log@2.0.0

Then I tried to remove unmet webpack-cli dependency

$ npm uninstall webpack-cli

npm WARN @webpack-cli/serve@1.7.0 requires a peer of webpack-cli@4.x.x but none is installed. You must install peer dependencies yourself.
npm WARN webpack-dev-middleware@3.7.2 requires a peer of webpack@^4.0.0 but none is installed. You must install peer dependencies yourself.
npm WARN webapp@1.0.0 No description
npm WARN webapp@1.0.0 No repository field.
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.13 (node_modules/fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.2.13: wanted {"os":"darwin","arch":"any"} (current: {"os":"linux","arch":"x64"})

removed 35 packages and audited 557 packages in 3.721s

Run webpack serve now and but it's saying webpack is not found

$ webpack serve

[webpack-cli] It looks like webpack is not installed.
 Would you like to install 'webpack' package? (That will run 'npm install -D webpack') (Y/n) · false

But webpack is installed locally and globally, while webpack-cli is only installed globally.

$ npm list|grep webpack

├── @webpack-cli/serve@1.7.0
├─┬ html-webpack-plugin@4.5.0
│ ├─┬ @types/webpack@4.41.25
│ │ ├─┬ @types/webpack-sources@2.1.0
├─┬ webpack@5.10.0
│ ├─┬ terser-webpack-plugin@5.0.3
│ └─┬ webpack-sources@2.2.0
├── UNMET PEER DEPENDENCY webpack-cli@4.x.x
└─┬ webpack-dev-server@3.11.0
  ├── UNMET PEER DEPENDENCY webpack@^4.0.0
  ├─┬ webpack-dev-middleware@3.7.2
  │ └── webpack-log@2.0.0 deduped
  ├─┬ webpack-log@2.0.0
npm ERR! peer dep missing: webpack-cli@4.x.x, required by @webpack-cli/serve@1.7.0
npm ERR! peer dep missing: webpack@^4.0.0, required by webpack-dev-middleware@3.7.2

$ npm list -g|grep webpack

│ ├── @vue/cli-ui-addon-webpack@4.5.12
├─┬ webpack@5.10.0
│ ├─┬ terser-webpack-plugin@5.1.1
│ └─┬ webpack-sources@2.2.0
├─┬ webpack-cli@4.6.0
│ ├── @webpack-cli/configtest@1.0.2
│ ├─┬ @webpack-cli/info@1.2.3
│ ├── @webpack-cli/serve@1.3.1
│ └─┬ webpack-merge@5.7.3

Install webpack-cli again will fix this problem

npm install --dev webpack-cli

Now npm list output has no peer dependency warnings.

$ npm list|grep webpack

├── @webpack-cli/serve@1.7.0
├─┬ html-webpack-plugin@4.5.0
│ ├─┬ @types/webpack@4.41.25
│ │ ├─┬ @types/webpack-sources@2.1.0
├─┬ webpack@5.10.0
│ ├─┬ terser-webpack-plugin@5.0.3
│ └─┬ webpack-sources@2.2.0
├─┬ webpack-cli@4.10.0
│ ├── @webpack-cli/configtest@1.2.0
│ ├─┬ @webpack-cli/info@1.5.0
│ ├── @webpack-cli/serve@1.7.0 deduped
│ └─┬ webpack-merge@5.8.0
└─┬ webpack-dev-server@3.11.0
  ├── UNMET PEER DEPENDENCY webpack@^4.0.0
  ├─┬ webpack-dev-middleware@3.7.2
  │ └── webpack-log@2.0.0 deduped
  ├─┬ webpack-log@2.0.0

The post npm UNMET PEER DEPENDENCY cli@3.3.12 > webpack-cli@3.3.12 appeared first on Redino blog.