title: react web conflict in dependecy tree
body: <p>i was trying to learn webpack and i have downloaded webpack-dev-server and i got this problem how to resolve this</p>
  <blockquote>
  <p>frame@0.1.0 start<br />
  react-scripts start</p>
  </blockquote>
  <p>There might be a problem with the project dependency tree.<br />
  It is likely not a bug in Create React App, but something you need to fix locally.</p>
  <p>The react-scripts package provided by Create React App requires a
  dependency:</p>
  <p>&quot;webpack&quot;: &quot;4.44.2&quot;</p>
  <p>Don't try to install it manually: your package manager does it automatically.
  However, a different version of webpack was detected higher up in
  the tree:</p>
  <p>C:\Users\jacob\node_modules\webpack (version: 5.24.2)
  anually installing incompatible versions is known to cause hard-to-debug issues.</p>
  <p>If you would prefer to ignore this check, add SKIP_PREFLIGHT_CHECK=true to an .env file in your project.
  That will permanently disable this message but you might encounter other issues.</p>
  <p>To fix the dependency tree, try following the steps below in the exact order:</p>
  <ol>
  <li>Delete package-lock.json (not package.json!) and/or yarn.lock in your project folder.</li>
  <li>Delete node_modules in your project folder.</li>
  <li>Remove &quot;webpack&quot; from dependencies and/or devDependencies in
  the package.json file in your project folder.</li>
  <li>Run npm install or yarn, depending on the package manager you use.</li>
  </ol>
  <p>In most cases, this should be enough to fix the problem.
  If this has not helped, there are a few other things you can try:</p>
  <ol start="5">
  <li><p>If you used npm, install yarn (<a href="http://yarnpkg.com/" rel="nofollow noreferrer">http://yarnpkg.com/</a>) and repeat the above steps with it instead.
  This may help because npm has known issues with package hoisting which may get resolved in future versions.</p>
  </li>
  <li><p>Check if C:\Users\jacob\node_modules\webpack is outside your
  project directory.
  For example, you might have accidentally installed something
  in your home folder.</p>
  </li>
  <li><p>Try running npm ls webpack in your project folder.
  This will tell you which other package (apart from the expected react-scripts) installed webpack.</p>
  </li>
  </ol>
  <p>If nothing else helps, add SKIP_PREFLIGHT_CHECK=true to an .env file in your project.
  That would permanently disable this preflight check in case you want to proceed anyway.</p>
  <p>P.S. We know this message is long but please read the steps above
  :-) We hope you find them helpful!</p>
  <p>npm ERR! code 1
  npm ERR! path C:\Users\jacob\frame
  npm ERR! command failed
  npm ERR! command C:\WINDOWS\system32\cmd.exe /d /s /c react-scripts start</p>
  <p>npm ERR! A complete log of this run can be found in:
  npm ERR!     C:\Users\jacob\AppData\Local\npm-cache_logs\2021-02-28T02_36_44_243Z-debug.log</p>