Hello All, I've install ubantu recently and I was trying to run one of my old project (which is working fine in my windows laptop). So I tried creating a new project with npx create-next-app@latest but it has the same issue

Error : Error [ValidationError]: Invalid configuration object. Webpack has been initialized using a configuration object that does not match the API schema.

I'm not much familiar with the new env so I'm not able to figure out is the issue. and below is the next info . I've asked for help on Github Disccussions as well https://github.com/vercel/next.js/discussions/51959.


NEXT INFO -

Operating System:
      Platform: linux
      Arch: x64
      Version: #24-Ubuntu SMP PREEMPT_DYNAMIC Fri Jun 16 12:03:50 UTC 2023
    Binaries:
      Node: 18.16.1
      npm: 9.5.1
      Yarn: N/A
      pnpm: 8.6.5
    Relevant packages:
      next: 13.4.7
      eslint-config-next: 13.4.7
      react: 18.2.0
      react-dom: 18.2.0
      typescript: 5.1.6

Error -

The Whole Error output: 
vignesh@Leo:~/Desktop/Code It!/projects/my-app$ npm run dev

> my-app@0.1.0 dev
> next dev

- ready started server on 0.0.0.0:3000, url: http://localhost:3000
Error [ValidationError]: Invalid configuration object. Webpack has been initialized using a configuration object that does not match the API schema.
 - configuration[0].cache.cacheDirectory: The provided value "/home/vignesh/Desktop/Code It!/projects/my-app/.next/cache/webpack" contains exclamation mark (!) which is not allowed because it's reserved for loader syntax.
   -> Base directory for the cache (defaults to node_modules/.cache/webpack).

I'm stuck for Past few day! And I tried using vite but It works fine for in the system.