reactjs - Tailwind 无法与 NextJS + Bun.sh 一起使用

标签 reactjs next.js tailwind-css bun

我是一名中级网络开发人员。

我最近听说了 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/

相关文章:

javascript - 切换设备工具栏时 React Js 元素不会调整大小

javascript - VSCODE 无法识别标记海豚的 .env* 文件且无法识别 .env.local.* 文件

css - Tailwind 的 theme() 无法识别

javascript - react .js : Uncaught TypeError: undefined is not a function

reactjs - React 中内联 fontWeight 样式期间的 Typescript 错误

javascript - 将 url slug 添加到 Next Js 路由获取 TypeError 路径应该是类型字符串获取类型对象

ember.js - Ember、PostCSS、SASS 和 @apply 的问题

css - 不使用 Tailwind CSS 的表格

reactjs - 如何仅更新 1 个字段而不覆盖 React Hooks 上的嵌套对象上的其他字段使用 Reducer?

reactjs - 在nextjs中具有通用的 header 布局