Vue项目中为div应用Tailwind自定义颜色无效果，求排查解决

问题原因及修复方案 #

1. 配置文件中的转义引号错误 #

你的tailwind.config.js里，自定义颜色的键名使用了HTML转义字符"，这会导致Tailwind无法正确识别这个自定义颜色名称。将转义引号替换为正常的单引号或双引号即可。

修正后的tailwind.config.js代码：

/** @type {import('tailwindcss').Config} */
module.exports = {
    content: ['./index.html','./src/**/*.{vue,js,ts,jsx,tsx}'],
    theme: {
        extend: {
            colors:{
                "weather-primary":'#00668A',
                'weather-secondary':'#004E71',
            },
        },
        container:{
            padding:'2rem',
            center:true,
        },
        screens:{
            'sm':'640px',
            'md':'768px',
        }
    },
    plugins: [],
}

2. 未重启开发服务器 #

修改Tailwind配置文件后，必须重启Vue开发服务器，新的配置才能被加载生效。如果之前已经启动了服务，先停止进程再重新启动。

内容的提问来源于stack exchange，提问作者owp bush