I have error with tailwind globals.css import after updating NextJS from 14.1 to 14.2

  Kiến thức lập trình

I’m using TailwindCSS. So, after updating NextJS from 14.1 to version 14.2, I’m having an issue with the root rayout.tsx file that imports the Tailwind globals.css file when I try to run the app with the turbo package:

Error evaluating Node.js code Error: Failed to load external module C:UsersoutmiDevelopmyproject/./postcss.config.js: Error [ERR_UNSUPPORTED_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:UsersoutmiDevelopmyproject.nextchunks[output]__next_transform_ad1f0f.js:1345:15] [at process.processTicksAndRejections (node:internal/process/task_queues:95:5)] at async (postcss.config.js_.loader.mjs:3:13) [C:UsersoutmiDevelopmyproject.nextchunks_0b8f1c._.js:11:13]

There is full image of that error

Please note that when I launch the app with the common npm run dev (next dev) there are no errors, which means the error is only in new turbopack. I don’t know what’s going on with Next. But I want to quickly solve this problem, since the common way to build is slower than turbopack.

LEAVE A COMMENT