相关疑难解决方法(0)

在 Tailwind CSS 中使用基于类的深色模式和 Next.js v12 时，如何防止页面闪烁，而不使用任何 3rd 方 pkg（例如 next-themes）？

我看过：

• 此问答如何修复 NextJS 中的暗模式背景颜色闪烁？虽然它在 Next.js <v12 中是一个有效/工作的解决方案，但在 v12 中它不再工作并在 dev 中抛出警告，这令人惊讶地变成了 prod env 中的构建阻塞错误 Do not add <script> tags using next/head (see inline <script>). Use next/script instead. See more info here: https://nextjs.org/docs/messages/no-script-tags-in-head-component
• 本文https://www.vidyasource.com/blog/dark-mode-nextjs-tailwindcss-react-hooks但是，包含该脚本<Script strategy="beforeInteractive" src="/scripts/darkMode.js"/>仍然会导致页面闪烁，因为它添加defer到了head
• 关于所需内容的官方 Tailwind CSS 暗模式文档https://tailwindcss.com/docs/dark-mode#toggling-dark-mode-manually

// On page load or when changing themes, best to add inline in `head` to avoid FOUC
if (localStorage.theme === …