Css 顺风暗模式切换有效，但样式不变

我有一个Laravel/React+顺风项目。我有一个切换按钮，它成功地将类“暗”添加到我的

元素中：

但是，我使用的黑暗类不适用。在下一个屏幕截图中，我展示了bg-blue-100是如何被Tailwind成功拾取的（onload，默认为'dark'不在

元素类列表中）并应用的，但我单击了'change theme'，因此我的

元素包含类'dark'，但顺风等级

暗：bg-yellow-200

不适用

我的顺风文件如下所示：

module.exports = {
  theme: {
    extend: {}
  },
  darkMode: 'class',
  variants: ['dark', 'dark-hover', 'dark-group-hover', 'dark-even', 'dark-odd'],
  plugins: [
    require('tailwindcss-dark-mode')()
  ]
};

---

我以前从来没有用过顺风，并且在谷歌搜索“react Tailwind dark mode not work”（反应顺风黑暗模式不起作用）时，我已经尝试了我能找到的所有策略。有人看到我的设置有问题吗？

我在NPM中更新了最新的TailwindCSS软件包，解决了这个问题。

由于v2.0.0 TailwindCSS内置了对暗模式的支持，因此不需要使用

TailwindCSS暗模式

插件。谢谢！不幸的是，删除它并没有解决这个问题（但至少它少了一个依赖项！）此外，您还可以删除配置中的

variants

条目。