Gitlab-Migration/rhein-sw-website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

(revert) Update PostCSS plugins configuration to fix an issue

Browse Source 
#5 12.48 Failed to compile.
#5 12.48
#5 12.48 ./app/(root)/globals.css.webpack[javascript/auto]!=!./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[10].use[3]!./app/(root)/globals.css
#5 12.48 Error: It looks like you're trying to use `tailwindcss` directly as a PostCSS plugin. The PostCSS plugin has moved to a separate package, so to continue using Tailwind CSS with PostCSS you'll need to install `@tailwindcss/postcss` and update your PostCSS configuration.
#5 12.48     at Oe (/app/node_modules/tailwindcss/dist/lib.js:33:1925)
#5 12.48     at LazyResult.runOnRoot (/app/node_modules/next/node_modules/postcss/lib/lazy-result.js:329:16)
#5 12.48     at LazyResult.runAsync (/app/node_modules/next/node_modules/postcss/lib/lazy-result.js:258:26)
#5 12.48     at LazyResult.async (/app/node_modules/next/node_modules/postcss/lib/lazy-result.js:160:30)
#5 12.48     at LazyResult.then (/app/node_modules/next/node_modules/postcss/lib/lazy-result.js:404:17)
#5 12.48
#5 12.48 Import trace for requested module:
#5 12.48 ./app/(root)/globals.css.webpack[javascript/auto]!=!./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[10].use[3]!./app/(root)/globals.css
#5 12.48 ./app/(root)/globals.css
This commit is contained in:
Thatsaphorn
2025-04-04 20:50:21 +02:00
parent 668605522b
commit 3ea1a264e9
1 changed files with 3 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
postcss.config.mjs
View File

@@ -1,9 +1,8 @@
/** @type {import('postcss-load-config').Config} */ /** @type {import('postcss-load-config').Config} */
const config = { const config = {
plugins: { plugins: {
'@tailwindcss/postcss': {}, tailwindcss: {},
autoprefixer: {}, },
},
}; };
export default config; export default config;