Tailwind Grid 插件未安装

Posted

技术标签:

【中文标题】Tailwind Grid 插件未安装【英文标题】:Tailwind Grid Plugin Not Installing 【发布时间】:2019-03-12 16:42:54 【问题描述】:

我是 Tailwind CSS 的新手,在尝试实现 CSS Grid 插件时遇到了一些问题:https://www.npmjs.com/package/tailwindcss-grid

我能够通过 Gulp 运行安装并将软件包安装到位。它位于我的节点模块文件夹中。然后我尝试将插件添加到 tailwind.js 文件中的插件代码块中:

plugins: [
require('tailwindcss/plugins/container')(
  // center: true,
  // padding: '1rem',
),
require('tailwindcss-grid/index.js')(
    grids: [12],
    gaps: 
        0: '0'
    ,
    variants: ['responsive'],
),
require('tailwindcss-object-fit/index.js')(['responsive']),
require('tailwindcss-object-position/index.js')(['responsive'])
],

当我对我的 css 进行更改并且 tailwind 处理 css 文件时,它不会返回任何错误,但是当我查看 CSS 输出时,没有任何用于 CSS frid 或对象适合和位置插件的实用程序正在输出到文件。就像我说的,我是 Tailwind 的新手,所以谁能告诉我我错过了什么?插件导入不是我做错的。

【问题讨论】:

【参考方案1】:

没关系。我整理了一下。我不认为它实际上已经处理了样式表。不过现在样式已经有了。

【讨论】:

考虑删除这个问题。

以上是关于Tailwind Grid 插件未安装的主要内容,如果未能解决你的问题,请参考以下文章

错误:加载 PostCSS 插件失败:令牌无效或意外(Vue.js、tailwind css)

来自 Gridsome 的 Tailwind 插件的 @apply 不起作用

Laravel 中的 Tailwind 3 给出:错误:PostCSS 插件 tailwindcss 需要 PostCSS 8

Tailwind css 暗模式未启用

Tailwind (CSS Grid) 每个网格元素的大小相同

CSS Grid/Tailwind 在“下一行”动态插入,同时仍然是响应式的