./postcss.config.js: Error [ERRUNSUPPORTED_ESM_URL_SCHEME]: Only URLs with a scheme in: file, data, and node are supported by the default ESM loader. On Windows, absolute paths must be valid file:// URLs. Received protocol 'c:'). Since version 14.1.2-canary.4

[MrOxMasTer]

Link to the code that reproduces this issue

https://github.com/MrOxMasTer/shopco

To Reproduce

1. Try to build a package using "pnpm run build"

OR to check for another error:

1. Upgrade to the latest version of next.js canary
2. see that the project just doesn't start

Current vs. Expected behavior

complete project

Provide environment information

Operating System:
  Platform: win32
  Arch: x64
  Version: Windows 11 Pro
  Available memory (MB): 16320
  Available CPU cores: 6
Binaries:
  Node: 20.11.1
  npm: N/A
  Yarn: N/A
  pnpm: N/A
Relevant Packages:
  next: 14.1.2-canary.3 // There is a newer canary version (14.2.0-canary.24) available, please upgrade!
  eslint-config-next: 14.1.3
  react: 18.2.0
  react-dom: 18.2.0
  typescript: 5.4.2
Next.js Config:
  output: N/A

Which area(s) are affected? (Select all that apply)

App Router, CLI (create-next-app), Font optimization (next/font), Module resolution (CJS / ESM, module resolving)

Which stage(s) are affected? (Select all that apply)

next dev (local), next build (local)

Additional context

The first problem:
the project is not going to be built on version 14.1.2-canary.3. With "type": "module" in package.json

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

[MrOxMasTer]

The second problem:

Since version 14.1.2-canary.4, the project just won't even open in dev mode

./src/app/globals.css
Error evaluating Node.js code
Error: Failed to load external module C:\Users\Asus\Desktop\petProjects\shopco/./postcss.config.js: Error [ERRUNSUPPORTED_ESM_URL_SCHEME]: Only URLs with a scheme in: file, data, and node are supported by the default ESM loader. On Windows, absolute paths must be valid file:// URLs. Received protocol 'c:'
at externalImport (/turbopack/[turbopack]/shared-node/base-externals-utils.ts:16:11) [C:\Users\Asus\Desktop\petProjects\shopco.next\chunks[output]__next_transform_ad1f0f.js:1318:15]
[at process.processTicksAndRejections (node:internal/process/task_queues:95:5)]
at async (postcss.config.js.loader.mjs:3:13) [C:\Users\Asus\Desktop\petProjects\shopco.next\chunks_0b8f1c._.js:11:13]

[MrOxMasTer]

postcss/postcss#1931

The posts developers replied to me that these are your problems. You can find my post CSS config at the link

[MrOxMasTer]

next.js config

ts.config

[MrOxMasTer]

Just the latest version next.js

[MrOxMasTer]

one of the 2 problems has been solved #63109

[EliasVal]

Having the same issue here, Canary (14.2.0-canary.26) seems to be working fine when disabling Turbopack on Windows.
Seems to be working fine in a Linux environment

[EliasVal]

Renaming postcss.config.js to postcss.config.cjs did the trick for me.

[MrOxMasTer]

Renaming postcss.config.js to postcss.config.cjs did the trick for me.

It really helped, but it's weird. As if it needs to be fixed anyway.

[mike-kholin]

Renaming postcss.config.js to postcss.config.cjs did the trick for me.

It really helped, but it's weird. As if it needs to be fixed anyway.

----worked for me too

[github-actions]

This closed issue has been automatically locked because it had no new activity for 2 weeks. If you are running into a similar issue, please create a new issue with the steps to reproduce. Thank you.