Tailwind 在 monorepo 架构中无法正常工作

Question

Tailwind 在 monorepo 架构中无法正常工作

pra*_*ant 8 javascript reactjs next.js tailwind-css darkmode

我正在使用使用纱线工作区的 monorepo 架构，其中 Tailwind CSS 是项目的根。在其中一个工作区中，我正在使用 React，并且我已将 Tailwind 实用程序添加到其样式中。Tailwind 在项目中运行良好

每当我定义新颜色时它就不起作用。
此外，我还想实现 darkMode，tailwind.config.js我在其中添加darkMode: 'class'并制作了一个上下文包装器来将 class='dark' 设置为 html 根，但在更改主题时<html class='dark'设置但dark:bg-black不起作用。

我的文件夹结构

Project
 |    
 +-- packages
 |  |  
 |  \-- react-project-1
 |  |   |
 |  |   +--app.js
 |  |   +--app.css
 |  |  
 |  \-- react-project-2
 |    
 +-- tailwind.config.js

Run Code Online (Sandbox Code Playgroud)

我的 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: [],
};

Run Code Online (Sandbox Code Playgroud)

有任何想法吗？

Answer 1

pra*_*ant 1

我已将tailwind.config.js和postcss.config.js文件移至反应应用程序内，而不是将其保留在根目录下并重新启动服务器。然后深色模式和颜色问题都得到解决

归档时间：	3 年，9 月前
查看次数：	4755 次
最近记录：	3 年，9 月前