我是一名中级网络开发人员。
我最近听说了 BunJS,现在正在尝试它。 我正在使用 Bun 开发 NextJS,并尝试在其上安装 Tailwind CSS,但似乎 Tailwind CSS 没有由 Bun 提供支持的 NextJS 的官方说明。
我认为这与我安装由 Node 支持的 NextJS 的方式相同,但看起来似乎有所不同。每当我在命令行上启动应用程序时,我都会收到错误;它告诉我去查看官方文档,但文档谈论的是 React 应用程序而不是下一个应用程序。这两个文件结构非常不同,所以我真的不知道该怎么做才能让 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
最佳答案
基本上,您的项目文件夹没有 tailwind.config.js 文件。因此,编译器正在 globals.css 中寻找 @tailwind 指令,当然,该指令不存在。要生成 tailwind.config.js 文件,首先将 tailwindcss 包添加到您的项目中:
bun add -d tailwindcss
然后像这样初始化tailwind css
bun run tailwindcss init
这应该将文件添加到您的项目中。现在,如果您使用@tailwind,它应该可以工作
关于reactjs - Tailwind 无法与 NextJS + Bun.sh 一起使用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/73214626/