Turbopack Error: [project]/Documents/PROJECTS/project-manager/front-end/app/globals.css [app-client] (css)

[FrancoisPagou]

Turbopack version: v16.0.6-1-gb1a04a84e
Next.js version: 0.0.0

Error message:

[project]/Documents/PROJECTS/project-manager/front-end/app/globals.css [app-client] (css)

Caused by:
- reading file /Users/macbook2017/Documents/PROJECTS/project-manager/front-end/app/(pages)
- Is a directory (os error 21)

Debug info:
- Execution of subscribe_issues_and_diags_operation failed
- Execution of <AppEndpoint as Endpoint>::server_changed failed
- Execution of *Project::server_changed failed
- Execution of *AppEndpointOutput::server_assets failed
- Execution of AppEndpoint::output failed
- Execution of AppProject::app_module_graphs failed
- Execution of *<AppEndpoint as Endpoint>::additional_entries failed
- Execution of *ModuleGraph::from_graphs failed
- Execution of SingleModuleGraph::new_with_entries_visited_intern failed
- [project]/Documents/PROJECTS/project-manager/front-end/app/globals.css [app-client] (css)
- Execution of primary_chunkable_referenced_modules failed
- Execution of <CssModuleAsset as Module>::references failed
- Execution of parse_css failed
- Execution of <PostCssTransformedAsset as Asset>::content failed
- Execution of PostCssTransformedAsset::process failed
- Execution of evaluate_webpack_loader failed
- Execution of <DiskFileSystem as FileSystem>::read failed
- reading file /Users/macbook2017/Documents/PROJECTS/project-manager/front-end/app/(pages)
- Is a directory (os error 21)

[ibrahimpelumi6142]

This error usually happens when Turbopack tries to read a folder as if it were a CSS file. In your case, it's trying to open this path: app/(pages)

But since that’s a directory, Turbopack throws: “Is a directory (os error 21).”

Here are two things to check:

Look inside your app/globals.css (or any CSS file you edited) and make sure you’re not importing the (pages) folder by mistake.
Sometimes something like this appears:

@import "./(pages)";

If you see anything like that, remove it or point it to an actual .css file.

Try renaming the folder
Turbopack can be sensitive to folder names with parentheses.
Rename:

(pages) → pages

After that, delete your .next folder and restart:

rm -rf .next
npm run dev

This usually fixes it.