npm requires a peer of

Question

My vue project stops working when I try to npm install any new package. I was installing axios.

First I got,

npm install
npm WARN ajv-keywords@3.2.0 requires a peer of ajv@^6.0.0 but none is
  installed. You must install peer dependencies yourself.
npm WARN url-loader@1.1.1 requires a peer of webpack@^4.0.0 but none is
  installed. You must install peer dependencies yourself.
npm WARN webpack-dev-middleware@3.4.0 requires a peer of webpack@^4.0.0
  but none is installed. You must install peer dependencies yourself.
npm WARN webpack-dev-server@3.1.10 requires a peer of webpack@^4.0.0 but
  none is installed. You must install peer dependencies yourself.

so I install those packages,

npm install ajv-keywords@3.2.0  ajv@^6.0.0 url-loader@1.1.1  webpack@^4.0.0 webpack-dev-middleware@3.4.0  webpack@^4.0.0 webpack-dev-server@3.1.10  webpack@^4.0.0 

Then I get these warnings,

npm WARN extract-text-webpack-plugin@3.0.2 requires a peer of webpack@^3.1.0
  but none is installed. You must install peer dependencies yourself.
npm WARN html-webpack-plugin@2.30.1 requires a peer of
  webpack@1 || ^2 || ^2.1.0-beta || ^2.2.0-rc || ^3 but
  none is installed. You must install peer dependencies yourself.

which tell me to use webpack 3

So I ran,

npm install webpack@^3.1.0 extract-text-webpack-plugin@3.0.2 html-webpack-plugin@2.30.1

Which then gives me the following warning, telling to use webpack4.

npm WARN url-loader@1.1.1 requires a peer of webpack@^4.0.0 but none
  is installed. You must install peer dependencies yourself.
npm WARN webpack-dev-middleware@3.4.0 requires a peer of webpack@^4.0.0
  but none is installed. You must install peer dependencies yourself.
npm WARN webpack-dev-server@3.1.10 requires a peer of webpack@^4.0.0 but none
  is installed. You must install peer dependencies yourself.

How can I solve this problem?

Thanks,

Answer 1

Have you tried installing webpack@^4.0.0?

npm install webpack@^4.0.0