顺风在单体建筑中不能正常工作
我使用的是使用纱线工作区的monorepo体系结构，其中Tailwind CSS是该项目的基础。在我使用的一个工作区中，我使用了React，并在其样式中添加了Tailwind实用程序。顺风在这个项目中运行得还不错
每当我定义新颜色时，不是working.
- Moreover，我也想实现darkMode，在
tailwind.config.js中添加了darkMode: 'class'，并制作了一个上下文包装器，将class=‘tailwind.config.js’设置为html根，关于更改<html class='dark'设置的主题，dark:bg-black不起作用。
我的文件夹结构
Project
|
+-- packages
| |
| \-- react-project-1
| | |
| | +--app.js
| | +--app.css
| |
| \-- react-project-2
|
+-- tailwind.config.js我的tailwind.config.js
module.exports = {
mode: 'jit',
purge: [
'./packages/react-project-1/src/**/*.{js,ts,jsx,tsx}',
'./packages/react-project-2/src/**/*.{js,ts,jsx,tsx}',
],
darkMode: 'class',
theme: {
colors: {
orange: '#E05507',
},
extend: {},
},
variants: {
extend: {},
},
plugins: [],
};有什么想法吗？
回答 2
Stack Overflow用户
发布于 2022-02-01 20:05:26
我已经将tailwind.config.js和postcss.config.js文件移到了react应用程序中，而不是将其保存在根目录中，然后重新启动服务器。然后darkMode和颜色问题都得到了解决。
Stack Overflow用户
发布于 2022-02-01 15:37:38
直接在theme下添加colors对象将用指定的颜色替换默认的颜色集。如果要向集合添加颜色或覆盖单个默认颜色，则应将它们放入theme: { extend: { colors: { ... } } }部分。这也可能解决您的黑暗模式问题。
theme: {
extend: {
colors: {
orange: '#E05507',
},
},
},请参阅：https://tailwindcss.com/docs/customizing-colors#adding-additional-colors
另外，使用的是旧版本的尾风吗？最新的v3不再需要mode: 'jit'，而是使用content:而不是purge: (https://tailwindcss.com/docs/upgrade-guide#configure-content-sources)。
https://stackoverflow.com/questions/70943054
复制相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号