Tailwindcss项目构建失败:CSS Minimizer插件报Unknown word错误求助
解决CSS Minimizer编译报错:Unknown word问题
错误根源:你的Tailwind配置中,
cardShadow的阴影值末尾多了一个不必要的分号;,这会导致生成的CSS包含无效语法,触发CSS Minimizer插件的Unknown word错误。修正后的Tailwind配置:
/** @type {import('tailwindcss').Config} */ module.exports = { content: [ "./src/**/*.{js,jsx,ts,tsx}", ], theme: { extend: { boxShadow: { 'cardShadow': 'rgba(100, 100, 111, 0.2) 0px 7px 29px 0px' }, fontFamily: { 'lama': ['Lama Sans', 'sans-serif'] } }, }, plugins: [], screens: { lg: { max: "1920px" }, md: { max: "1000px" } }, }
- 额外提示:注意
content路径中的通配符,原配置的./src/*/.{js,jsx,ts,tsx}仅匹配src下一级目录的文件,改为./src/**/*.{js,jsx,ts,tsx}可扫描所有子目录文件,确保Tailwind样式能正确生成。
内容的提问来源于stack exchange,提问作者Elio Youssef
相关产品推荐
相关产品推荐

