Import trace for requested module error even in new project

[abdorabee]

Link to the code that reproduces this issue or a replay of the bug

https://github.com/abdorabee/saas

To Reproduce

Create a new Next.js project.
Run the development server.
Open the browser and navigate to the project's homepage.
You should see the error message "Import trace for requested module:" in the console.

Current vs. Expected behavior

The project should start without any errors.

vs

The project starts, but the error message "Import trace for requested module:" is displayed in the console.

Verify canary release

• I verified that the issue exists in the latest Next.js canary release

Provide environment information

Operating System:
      Platform: win32
      Arch: x64
      Version: Windows 10 Pro
    Binaries:
      Node: 20.6.1
      npm: N/A
      Yarn: N/A
      pnpm: N/A
    Relevant Packages:
      next: 13.4.20-canary.26
      eslint-config-next: 13.4.19
      react: 18.2.0
      react-dom: 18.2.0
      typescript: 5.2.2
    Next.js Config:
      output: N/A

Which area(s) are affected? (Select all that apply)

App Router, CLI (create-next-app), Middleware / Edge (API routes, runtime), Operating System (Windows, MacOS, Linux), Package manager (npm, pnpm, Yarn), Routing (next/router, next/navigation, next/link)

Additional context

I am getting the error "Import trace for requested module:" even in a new Next.js project that doesn't have any packages installed yet.

[shiroyasha9]

I tried running the repo on my system but did not get any such error. Can you elaborate more, and attach screenshots?

[YasielCabrera]

I'm also getting a lot of Import trace for requested module: in the console. I'm using next 13.5.1 and I believe some of those logs are related to @mui/material which I have the version "@mui/material": "^5.13.0",

These are some of the logs:

Import trace for requested module:
__barrel_optimize__?names=useTheme!=!./node_modules/@mui/material/index.js
./components/CustomToaster/CustomToaster.tsx
./providers/GlobalProviders.tsx

__barrel_optimize__?names=useTheme!=!./node_modules/@mui/material/index.js
The requested module '__barrel_optimize__?names=useTheme&wildcard!=!./Stack' contains conflicting star exports for the name '__esModule' with the previous requested module '__barrel_optimize__?names=useTheme&wildcard!=!./utils'

I see those lines duplicated a lot of times in the console, also for other components

[imceZZ]

I am encountering the same thing with MUI

[muhammedogz]

It would be related with this issue: #55663

[abdorabee]

I tried running the repo on my system but did not get any such error. Can you elaborate more, and attach screenshots?

after several trials I solved the problem by uninstalling nodejs completely and the cache then installing it again and it started working perfectly fine , it seems a lot of people encountering this problem too

[iRoySwift]

Darwin RacheldeMacBook-Pro.local 22.6.0 Darwin Kernel Version 22.6.0: Wed Jul 5 22:21:56 PDT 2023; root:xnu-8796.141.3~6/RELEASE_X86_64 x86_64

nodejs:v18.17.0
npm:9.6.7

"@emotion/cache": "^11.11.0",
"@emotion/react": "^11.11.1",
"@emotion/styled": "^11.11.0",
"@mui/icons-material": "^5.14.9",
"@mui/material": "^5.14.10",
"@mui/utils": "^5.14.10",

[LostArrows27]

i have same issue when it still not give any error and 1 day, it gives me a bunch of warning import like yours. I fixed that by delete my whole folder and reinstall my code reposity in another path in my computer

[rightson1]

Had the same issue, i deleted node js, yarn cache , npm cache, changed project name. Its working now

[Vinod-Kumar-Mehto]

I had the same problem, and it came out that I was using the start value to align some items in flex elements.

.container {
max-width: 840px;
margin: auto;
padding: 20px;
display: flex;
flex-direction: column;
align-items: start;
min-height: 100vh;
}

I changed the align-items value to flex-start and the warning disappeared.

.container {
max-width: 840px;
margin: auto;
padding: 20px;
display: flex;
flex-direction: column;
align-items: flex-start;
min-height: 100vh;
}