Vue.js TailwindCSS定制主题don';t与Nuxt.js一起工作

Vue.js TailwindCSS定制主题don';t与Nuxt.js一起工作,vue.js,nuxt.js,tailwind-css,Vue.js,Nuxt.js,Tailwind Css,我已经从create nuxt app安装了@nuxtjs/tailwindcss,我用我的值修改了tailwind.config.js文件: module.exports={ 重要提示:没错, 主题:{ 主题:{ 扩展:{ fontFamily:{ 一:[“Arial”、“Poppins”、“Raleway”], 二:[“Muli”,“开放式SAN”] }, 屏幕:{ xll:“1400px” } } } }, 变体:{}, 插件:[] }; 当我将font-one类应用于元素时,此配置不起

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

module.exports={
重要提示:没错,
主题:{
主题:{
扩展:{
fontFamily:{
一:[“Arial”、“Poppins”、“Raleway”],
二:[“Muli”,“开放式SAN”]
},
屏幕:{
xll:“1400px”
}
}
}
},
变体:{},
插件:[]
};
当我将
font-one
类应用于元素时,此配置不起作用,不会发生任何事情

编辑:

有人能帮我吗?感谢您的回复

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

  theme: {
    theme: {