TailwindCSS 自定义主题不适用于 Nuxt.js

Posted 2023-03-06

【中文标题】TailwindCSS 自定义主题不适用于 Nuxt.js

【英文标题】：TailwindCSS custom theme don't works with Nuxt.js

【发布时间】：2020-06-09 17:30:59

【问题描述】：

我已经从 create nuxt-app 安装了@nuxtjs/tailwindcss，我用我的值修改了tailwind.config.js 文件：

module.exports = 
  important: true,
  theme: 
    theme: 
      extend: 
        fontFamily: 
          one: ["Arial", "Poppins", "Raleway"],
          two: ["Muli", "Open Sans"]
        ,
        screens: 
          xll: "1400px"
        
      
    
  ,
  variants: ,
  plugins: []
;

当我将font-one 类应用于元素时，此配置不起作用，没有任何反应

编辑： https://codesandbox.io/s/nuxt-tailwindcss-bhc5n

有人可以帮助我吗？感谢您的回复

【参考方案1】：

您的配置中有双重“主题”。这就是它不起作用的原因。

  theme: 
    theme: