Nextjs 在构建模式下使用 Tailwind 中断布局

Posted

技术标签:

【中文标题】Nextjs 在构建模式下使用 Tailwind 中断布局【英文标题】:Nextjs breaks layout during build mode using Tailwind 【发布时间】:2021-07-10 13:55:16 【问题描述】:

我的仪表板布局在开发模式下完美运行。

但是一旦我构建了 nextjs 项目,它就会破坏布局。

我正在使用 Tailwind css 和 preact 进行生产。 任何帮助将不胜感激。

【问题讨论】:

How do I ask a good question? 【参考方案1】:

通过在 taliwind.config.js 中添加所有包含 tailwind css 的文件夹来修复构建,如下所示...

【讨论】:

以上是关于Nextjs 在构建模式下使用 Tailwind 中断布局的主要内容,如果未能解决你的问题,请参考以下文章

nextjs 应用上的 Tailwind CSS 响应行为

Next JS 使用 Tailwind CSS 构建 Swiper JS 问题

构建和导出 TailwindCSS 和 NextJS 时遇到问题

Tailwind CSS 在构建后未应用样式

NextJS - 无法在 Tailwind CSS 中使用自定义颜色

使用 Nextjs Tailwind Emotion 导出项目丢失了 tailwind css 样式