Skip to content

Instantly share code, notes, and snippets.

@crutchcorn

crutchcorn/Next.js Error

Created June 24, 2025 22:21
Show Gist options
  • Save crutchcorn/7201610990a4ffed8ff3ca4a18ba66f5 to your computer and use it in GitHub Desktop.
Save crutchcorn/7201610990a4ffed8ff3ca4a18ba66f5 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
Next.js Error
Error: A PostCSS Plugin was passed as a function using require(), but it must be provided as a string.
Read more: https://nextjs.org/docs/messages/postcss-shape
⨯ ./src/app/page.module.css.webpack[javascript/auto]!=!./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[5].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[5].use[3]!./src/app/page.module.css
Error: Malformed PostCSS Configuration
at Array.forEach (<anonymous>)
Import trace for requested module:
./src/app/page.module.css.webpack[javascript/auto]!=!./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[5].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[5].use[3]!./src/app/page.module.css
./src/app/page.module.css
○ Compiling / ...
⨯ ./src/app/page.module.css.webpack[javascript/auto]!=!./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[5].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[5].use[3]!./src/app/page.module.css
Error: Malformed PostCSS Configuration
at Array.forEach (<anonymous>)
Import trace for requested module:
./src/app/page.module.css.webpack[javascript/auto]!=!./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[5].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[5].use[3]!./src/app/page.module.css
./src/app/page.module.css
⨯ ./src/app/page.module.css.webpack[javascript/auto]!=!./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[5].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[5].use[3]!./src/app/page.module.css
Error: Malformed PostCSS Configuration
at Array.forEach (<anonymous>)
Import trace for requested module:
./src/app/page.module.css.webpack[javascript/auto]!=!./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[5].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[5].use[3]!./src/app/page.module.css
./src/app/page.module.css
GET / 500 in 1101ms
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment