Vague error - Pre-transform error: Failed to parse source for

[sanjarcode]

Describe the bug

In a React app, start the dev server

the error Pre-transform error: Failed to parse source for import analysis because the content contains invalid JS syntax. If you are using JSX, make sure to name the file with the .jsx or .tsx extension. is shown, but the files causing it are not listed.

Problem

this is quite vague.

My app has a series of loaders, so I have to wait for all of them to settle.

Ideal behavior

the files causing it should be listed in the terminal itself.
if there a lot to print in the shell, at least first 5 should be listed.

Reproduction

private code

Steps to reproduce

pnpm run dev

System Info

mac, chrome, pnpm

Used Package Manager

pnpm

Logs

5:48:00 PM [vite] Pre-transform error: Failed to parse source for import analysis because the content contains invalid JS syntax. If you are using JSX, make sure to name the file with the .jsx or .tsx extension.

Validations

• Follow our Code of Conduct
• Read the Contributing Guidelines.
• Read the docs.
• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• Make sure this is a Vite issue and not a framework-specific issue. For example, if it's a Vue SFC related bug, it should likely be reported to vuejs/core instead.
• Check that this is a concrete bug. For Q&A open a GitHub Discussion or join our Discord Chat Server.
• The provided reproduction is a minimal reproducible example of the bug.

[github-actions]

Hello @sanjarcode. Please provide a minimal reproduction using a GitHub repository or StackBlitz. Issues marked with needs reproduction will be closed if they have no activity within 3 days.