PostCSS issues and Next.js about postcss

[MrOxMasTer]

Another bonus with "type": "module" I can't build a project. Even on version 14.1.2-canary.3.

src\app\layout.tsx
An error occurred in next/font.

Error [ERR_REQUIRE_ESM]: require() of ES Module C:\Users\Алексей\OneDrive\Рабочий стол\PetProjects\shopco\postcss.config.js from C:\Users\Алексей\OneDrive\Рабочий стол\PetProjects\shopco\node_modules.pnpm\[email protected][email protected][email protected]\node_modules\next\dist\lib\find-config.js not supported.
Instead change the require of postcss.config.js in C:\Users\Алексей\OneDrive\Рабочий стол\PetProjects\shopco\node_modules.pnpm\[email protected][email protected][email protected]\node_modules\next\dist\lib\find-config.js to a dynamic import() which is available in all CommonJS modules.
at mod.require (C:\Users\Алексей\OneDrive\Рабочий стол\PetProjects\shopco\node_modules.pnpm\[email protected][email protected][email protected]\node_modules\next\dist\server\require-hook.js:65:28)
at findConfig (C:\Users\Алексей\OneDrive\Рабочий стол\PetProjects\shopco\node_modules.pnpm\[email protected][email protected][email protected]\node_modules\next\dist\lib\find-config.js:58:20)
at async getPostCssPlugins (C:\Users\Алексей\OneDrive\Рабочий стол\PetProjects\shopco\node_modules.pnpm\[email protected][email protected][email protected]\node_modules\next\dist\build\webpack\config\blocks\css\plugins.js:89:18)
at async C:\Users\Алексей\OneDrive\Рабочий стол\PetProjects\shopco\node_modules.pnpm\[email protected][email protected][email protected]\node_modules\next\dist\build\webpack\config\blocks\css\index.js:124:36

[ai]

Show your PostCSS config

[MrOxMasTer]

ts config
ts config.

postCSS config

[MrOxMasTer]

I also can't switch the post CSS config to the ts version. The project just stops seeing it, even though I explicitly specify the file in input ts.config, but I did something wrong here or did not understand

[ai]

Sorry, everything looks OK from PostCSS side and the error shows that it is an environment issue rather than PostCSS.

Ask in Next.js community.