在tailwind中添加自定义颜色后，所有颜色都消失了[重复]

Question

我刚刚为tailwind添加了一种定制颜色，如下所示：

colors: {
         'slate': '#475569'
      },

然后我运行了npm run watch，颜色按预期工作，但所有其他颜色都消失了，它们从项目中被擦除，我无法使用它们，因为它们不会在自动完成中显示，也不会在自己键入它们时工作。

编辑：当我删除自定义颜色并重新运行npm run watch时，旧颜色会再次工作，但我需要添加一个自定义颜色：/

Answer 1

我怀疑你用你添加的颜色替换默认颜色。为了扩展默认颜色，tailwind.config.js文件应该看起来像这样

module.exports = {
  theme: {
    extend: {
      colors: {
        brown: {
          50: '#fdf8f6',
        },
      }
    },
  },
}

如果将颜色键置于扩展键之外，则默认颜色将被删除。