title: Food ordering in react
body: <p>Delete package-lock.json (not package.json!) and/or yarn.lock in your project folder.
  2. Delete node_modules in your project folder.
  3. Remove &quot;webpack-dev-server&quot; from dependencies and/or devDependencies in the package.json file in your project folder.
  4. Run npm install or yarn, depending on the package manager you use.</p>
  <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\Vignesh S\node_modules\webpack-dev-server 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-dev-server in your project folder.
  This will tell you which other package (apart from the expected react-scripts) installed webpack-dev-server.</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>