在顺风中添加自定义颜色后所有颜色都消失了

Question

我刚刚向顺风添加了自定义颜色，如下所示：

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

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

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

Answer 1

我怀疑您用您添加的颜色替换了默认颜色。为了扩展默认颜色，tailwind.config.js 文件应该如下所示

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

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