Tailwind 不适用于 NextJS + bun.sh答案

【问题标题】：Tailwind not working with NextJS + bun.shTailwind 不适用于 NextJS + bun.sh
【发布时间】：2022-08-17 07:19:56
【问题描述】：

我是中级网络开发人员。

我最近听说过 BunJS，现在正在玩弄它。我正在使用 bun 开发 NextJS 并尝试在其上安装 Tailwind CSS，但似乎 Tailwind CSS 没有由 bun 支持的 NextJS 的官方说明。

我认为这与我安装由 Node 提供支持的 NextJS 的方式相同，但看起来与此不同。每当我在命令行上启动应用程序时都会出错；它告诉我去查看官方文档，但文档正在谈论反应应用程序而不是下一个应用程序。这两个文件结构非常不同，所以老实说，我不知道该怎么做才能让 Tailwind 在 NextJS + Bun.sh 上工作

如果有人知道如何解决此问题，请告诉我，提前感谢您的帮助！

终端↓

[0.07ms] \"node_modules.bun\" - 58 modules, 6 packages
[2.00ms] bun!! v0.1.6


  Link: http://localhost:3000


[0.04ms] \"node_modules.server.bun\" - 50 modules, 6 packages
[41.51ms] Next.js ready! (powered by bun)
[57.22ms] / - 2 transpiled, 4 imports


warn: To use Tailwind with bun, use the Tailwind CLI and import the processed .css file.
Learn more: https://tailwindcss.com/docs/installation#watching-for-changes
@tailwind base;
^
/home/kawa/Personal_Project/next-app/styles/globals.css:1:1 0

标签： reactjs next.js tailwind-css bun

【解决方案1】：

基本上，您的项目文件夹没有 tailwind.config.js 文件。因此，编译器正在 globals.css 中寻找 @tailwind 指令，当然，它并不存在。要生成tailwind.config.js 文件，首先将tailwindcss 包添加到您的项目中： bun add -d tailwindcss

然后像这样初始化tailwind css bun run tailwindcss init

这应该将文件添加到您的项目中。现在，如果您使用@tailwind，它应该可以工作

【讨论】：