所以我正在尝试在我的网站上启用暗模式。我在我的app.layouts文件中添加了一个切换，它将深色类添加到文件根的元素中并将其删除，而切换复选框将添加和删除此类。
我已经将darkMode: 'class',添加到了tailwind.config.js文件的顶部(module.exports = {的正下方
我已经运行了npm run dev和npm run dev watch，并且已经清除了我的缓存(为了方便起见，我现在在一条路线上有这个(
我的页面有一个div，它包含一个背景色和一个在暗模式下的
<div class="w-full text-center bg-blue-300 dark:bg-blue-600">34</div>
顺风正在加载，该区域显示为bg-blue-300颜色，但当我切换到暗模式时，除了像这个<html class="dark" lang="en">一样将暗类别添加到我的<html>元素之外，没有任何变化。我已经检查了文档，看不到我错过的任何步骤。
我跟着这个芭蕾舞团https://www.section.io/engineering-education/implementing-dark-mode-using-tailwind-css/
我的计划是将顺风配置设置从class切换到media，并在我知道它可以工作后删除切换按钮。
**编辑**多亏了@lordisp，底层功能似乎可以工作，但css中的类不存在。我想我可以添加一个完整的缩小版tailwind.css文件，但我宁愿只编译我需要的资产。
因此，在我的tailwind.config.js文件中，的内容部分有以下内容
ontent: [
'./vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php',
'./vendor/laravel/jetstream/**/*.blade.php',
'./vendor/wire-elements/modal/resources/views/*.blade.php',
'./storage/framework/views/*.php',
'./resources/views/**/*.blade.php',
],
所以看起来livewire组件正在加载，所以它们应该添加css，对吗？
在tailwind.config.js:中将暗模式类添加到Safelisting classes
module.exports = {
darkMode: 'class',
content: [
'./vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php',
'./vendor/laravel/jetstream/**/*.blade.php',
'./vendor/wire-elements/modal/resources/views/*.blade.php',
'./storage/framework/views/*.php',
'./resources/views/**/*.blade.php',
],
safelist: [
'bg-blue-300',
'bg-blue-600',
],
// ...
}