Turbopack Error: Failed to write app endpoint /(root)/(home)/page

[Ekeu]

Turbopack version: v16.0.0-canary.19
Next.js version: v16.0.0
Node version: v22.14.0

Error message:

Failed to write app endpoint /(root)/(home)/page

Caused by:
- [project]/src/styles/mentions.css [app-client] (css)
- assertion `left == right` failed: Validation on the CLOEXEC pipe failed: [105, 109, 112, 111, 114, 116, 32, 123]

Debug info:
- Execution of get_written_endpoint_with_issues_operation failed
- Execution of endpoint_write_to_disk failed
- Execution of <AppEndpoint as Endpoint>::output failed
- Failed to write app endpoint /(root)/(home)/page
- 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]/src/styles/mentions.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 compute_webpack_loader_evaluation failed
- assertion `left == right` failed: Validation on the CLOEXEC pipe failed: [105, 109, 112, 111, 114, 116, 32, 123]
    left: [78, 79, 69, 88]
   right: [114, 116, 32, 123]

Tried this solution but it didn't work.

[lukacspapp]

I had the same issue, the problem was that it couldn't parse my css, particularly my radix imports.

@import '@radix-ui/colors/blackA.css';
@import '@radix-ui/colors/green.css';
@import '@radix-ui/colors/mauve.css';
@import '@radix-ui/colors/violet.css';

I believe they have fixed this already.

if you install the latest react packages it should be working

npm i install next@latest react@latest react-dom@latest