0

我已按照 Tailwind 的升级指南在我的 Sage 9 项目中将 Tailwind V2 更新为 Tailwind V3。当我向刀片文件添加类时，新引擎不会在 css 中生成所需的类。我似乎让它生成类的唯一方法是更新（保存更改） my tailwind.config.js. 当我使用yarn buildoryarn start命令时会发生这种情况。

以bg-blue text-primary为例；文本颜色有效，但背景无效。然后，如果我在tailwind.config.js文件中添加一些斜线注释，保存并运行yarn build，然后看到蓝色背景和红色文本。

由于这个错误，我不得不将 autoprefixer 降级到 v 9.0.0：Module build failed: Error: PostCSS plugin autoprefixer requires PostCSS 8.所以我不知道这是否会影响它生成类的能力。

依赖项：

"autoprefixer": "^9.0.0",
"tailwindcss": "^3.0.23",
"postcss": "^8.4.7",

Tailwind.config.js：

module.exports = {

content: [
    './resources/views/**/*.blade.php'
],
theme: {
    colors: {
        primary: {
            DEFAULT: 'red',
        },
        secondary: {
            DEFAULT: '',
        },
        white: '#fff',
        black: '#000',
        blue: 'blue',
        gray: {
            DEFAULT: '',
        },
        transparent: 'transparent',
    },
    extend: {
        screens: {
            'sm' : '567px',
            'md' : '768px',
            'lg' : '1025px',
            'xl' : '1200px',
            '2xl' : '1366px',
            '3xl': '1660px',
            '4xl': '1920px'
        },
        zIndex: {
            '-10': '-10',
        }
    },
},
plugins: [
    globalStyles,
],
}
4

1 回答 1

0

我认为 npx 上的 watch 命令将帮助您生成新的 css 详细信息，看看这篇文章是否可以帮助您 npx --watch 编译所需

于 2022-03-02T19:48:00.527 回答