不明白为什么我的 Tailwind 边框没有显示

Question

我正在尝试对我的元素应用一个简单的边框。当然，自从我接触这个项目以来已经有一段时间了，它似乎构建了 CSS 并输出了它的含义，但我在浏览器中看不到边框。

我错过了一些非常明显的东西吗？

这里我们有 Tailwind 配置文件

module.exports = {
    mode: 'jit',
    purge: ['./templates/**/*.twig', './js/**/*.{js,vue}'],
    corePlugins: {
        preflight: false
    },
    prefix: 'tw-',
    important: true,
    darkMode: false, // or 'media' or 'class'
    theme: {
        screens: {
            sm: '640px',
            md: '768px',
            lg: '1024px',
            xl: '1240px',
            '2xl': '1536px'
        },
        // prettier-ignore

        fontFamily: {
            sans: [
                'Nunito',
                '-apple-system',
                'BlinkMacSystemFont',
                'Avenir Next',
                'Avenir',
                'Segoe UI',
                'Lucida Grande',
                'Helvetica Neue',
                'Helvetica',
                'Fira Sans',
                'Roboto',
                'Noto',
                'Droid Sans',
                'Cantarell',
                'Oxygen',
                'Ubuntu',
                'Franklin Gothic Medium',
                'Century Gothic',
                'Liberation Sans',
                'Arial',
                'sans-serif'
            ]
        },
        fontSize: {
            tiny: '.8125rem', // 13px
            xs: '.875rem', // 14px
            sm: '.9375rem', // 15px
            base: '1rem', // 16px
            lg: '1.125rem', // 18px
            xl: '1.25rem', // 20px
            '2xl': '2rem', // 32px
            '3xl': '2.75rem' // 44px
        },
        extend: {
            colors: {
                primary: '#E76A52',
                'primary-soft': '#FBF0EE'
            }
        }
    },
    variants: {
        extend: {}
    },
    plugins: [require('@tailwindcss/typography')]
}

class="tw-border-primary tw-border-2"我正在使用Chrome 的开发工具显示元素上的 Tailwind 类

.tw-border-primary {
    --tw-border-opacity: 1 !important;
    border-color: rgba(231, 106, 82, var(--tw-border-opacity)) !important;
}

.tw-border-2 {
    border-width: 2px !important;
}

我无法理解它。这绝对不是缓存的问题，因为所有浏览器都是一样的。

Answer 1

tw-border-solid由于某种原因我不得不添加。我第一次不得不这样做。