Run Code Online (Sandbox Code Playgroud) 您应该指定相对于 tailwind.config.js 的路径
material-tailwind正在被使用于该项目中。在_app.js文件中,你应该按照material-tailwind 文档中给出的顺序安排导入。 示例 // before >>> wrong approach import "../styles/globals.css"; import Head from "next/head"; import "@material-tailwind/react/tailwind.css"; // after >>> valid approach import...
@tailwind base; @tailwind components; @tailwind utilities; 确保在 Next.js 的 _app.js 或_app.tsx 文件中引入了全局 CSS 文件。例如: javascript import '../styles/globals.css' function MyApp({ Component, pageProps }) { return <Component {...pageProps} /> } export default MyApp ...
因此,我的 nextjs 应用程序通常配置了 tailwind,然后运行命令来npm安装prettier 和 prettier tailwind 插件,据我了解,它应该立即工作。我在vscode 中的默认格式化程序是 Prettier,我确保了这一点,并且在保存时我的文件使用 Prettier 进行格式化,但类未排序。
无法让prettier-plugin-tailwindcss在Nextjs应用程序上工作我认为这个问题可能是由Prettier v3.0中的更改...
Following the egghead tutorial for a NextJS project with a new nx-workspace, installing Tailwind is not working. Tailwind styles are not applied to the page. Follow steps in this guide: https://egghead.io/lessons/tailwind-setup-next-js-with-tailwind-in-a-nx-workspace or in the steps to ...
Steps to reproduce [Steps: Open this link to live example: (required) ](https://speakonlynow.vercel.app/) Current behavior When I build, my tailwind css classnames written to the material ui components are not working, everything is fine...
问DropDown和ListBox不能正常工作(Next.js + TailwindCSS + HeadlessUI)EN这个问题是由Transition组件...
无法让prettier-plugin-tailwindcss在Nextjs应用程序上工作我认为这个问题可能是由Prettier v3.0中的更改...
Next.js: 适用于需要高性能和 SEO 优化的 Web 应用。 适用于需要快速迭代和部署的现代 Web 开发。 Tailwind CSS: 适用于需要快速原型设计和开发的团队。 适用于需要高度定制化设计的应用。 问题分析 在生产环境中,Tailwind CSS 不起作用可能有以下几个原因: ...