Failed to parse source for import analysis because the content contains invalid JS syntax

Environment

• Operating System: Darwin
• Node Version: v16.15.0
• Nuxt Version: 3.0.0-rc.3
• Package Manager: npm@8.5.5
• Builder: vite
• User Config: nitro, typescript
• Runtime Modules: -
• Build Modules: -

Reproduction

build the project with npm run build

Describe the bug

When running npm run build i see the following message. I don’t know which file the error is referring to

Additional context

No response

Logs

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.

[codeflorist]

on my end this error occurs, if single quotes are used in the src of a font-face declaration:

@font-face {
	font-family: "Open Sans";
	src: url('/fonts/open-sans-v16-latin-300.woff2') format('woff2');
}

if this is changed to double quotes, the error vanishes:

@font-face {
	font-family: "Open Sans";
	src: url("/fonts/open-sans-v16-latin-300.woff2") format("woff2");
}

[danielroe]

This is coming from Vite (though perhaps because of a transform that Nuxt is doing). I agree that there should be a better error message that indicates (at least) which source file the issue is coming from. It would be worth raising that as an issue at https://github.com/vitejs/vite.