小编jua*_*tin的帖子

Production Gatsby 博客未在 MDX 文件中渲染 TailwindCSS 类

我正在根据这个狮子座入门者开发我的盖茨比博客/网站。做了一些更改以添加适合我需要的功能,包括使用文件来编写页面和帖子,以便我可以在 MD 中添加 JS。.mdx

当工作和预览网站时,gatsby develop一切看起来都很好。现在,在进行生产时,.mdx不会渲染文件内组件中使用的 Tailwind 类。尝试将global.css包含的文件导入@tailwind utilities到 mdx 中,但没有成功。类出现在检查器中,但不在 CSS 中显示任何样式。

当 Tailwind 类在 tsx 或 js 文件中使用时,它们可以工作。但当我在 mdx 文件中使用这些类设置样式的组件中使用它们时,情况就不同了。

那么在构建产品站点和开发站点时真正发生了什么变化呢?我真的不知道下一步要尝试什么,因为没有任何错误或警告。

这是该网站的存储库。一个按钮不选择 Tailwind 类的示例。

为什么会出现这种情况?

谢谢你们!希望我带来了足够的信息。

干杯!

production mdx gatsby tailwind-css

2
推荐指数
1
解决办法
960
查看次数

标签 统计

gatsby ×1

mdx ×1

production ×1

tailwind-css ×1