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

Question

我已经通过创建 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 class 应用于元素时，此配置不起作用，没有任何反应

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

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

Answer 1

您的配置中有双 "theme"。这就是它不起作用的原因。

  theme: {
    theme: {

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

TailwindCSS custom theme don't works with Nuxt.js

vue.js

nuxt.js

tailwind-css