I created a new next.js app using npx create-next-app ./
I didn’t touch any code or even open it in an editor.
While running this app using npm run dev, I get these really long warnings.
$ npm run dev
> [email protected] dev
> next dev
- ready started server on 0.0.0.0:3000, url: http://localhost:3000
- event compiled client and server successfully in 1605 ms (20 modules)
- wait compiling...
- event compiled client and server successfully in 593 ms (20 modules)
- wait compiling /page (client and server)...
- warn ./node_modules/next/dist/client/add-base-path.js
There are multiple modules with names that only differ in casing.
This can lead to unexpected behavior when compiling on a filesystem with other case-semantic.
Use equal casing. Compare these module identifiers:
* javascript/auto|C:UsersAdminDesktopDesktopWDNEXTjstesttestnode_modulesnextdistcompiled@nextreact-refresh-utilsdistloader.js!C:UsersAdminDesktopDesktopWDNEXTjstesttestnode_modulesnextdistbuildwebpackloadersnext-flight-client-module-loader.js!C:UsersAdminDesktopDesktopWDNEXTjstesttestnode_modulesnextdistbuildwebpackloadersnext-swc-loader.js??ruleSet[1].rules[6].oneOf[4].use[2]!C:UsersAdminDesktopDesktopWDNEXTjstesttestnode_modulesnextdistclientadd-base-path.js|app-client
Used by 3 module(s), i. e.
javascript/auto|C:UsersAdminDesktopDesktopWDNEXTjstesttestnode_modulesnextdistcompiled@nextreact-refresh-utilsdistloader.js!C:UsersAdminDesktopDesktopWDNEXTjstesttestnode_modulesnextdistbuild.................
The page loads though.
2
Answers
I found the problem. Next.js didn’t like having the app inside the Desktop/desktop/… folder, so it was throwing errors. I just changed the folder name and it worked.
I think you just need to remove
./and then run the command.npx create-next-app@latestAfter, when command ask for project name just write
.and hit enter.