Now in my project there are some unmet peer dependencies:
$ npm list|grep webpack
|
1 2 3 4 5 6 7 8 9 10 11 12 13 |
├── @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
|
1 2 3 4 5 6 7 8 |
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
|
1 2 |
[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
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 |
├── @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
|
1 2 3 4 5 6 7 8 9 |
│ ├── @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
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 |
├── @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 |