如何将TailwindCSS与React服务器组件一起使用(Next.js)

qrjkbowd 于 2022-11-23 发布在 React

关注(0)|答案(1)|浏览(167)

尝试新的React服务器组件（使用Next.js），但是当将_app.tsx重命名为_app.server.tsx时，根本没有加载TailwindCSS样式（尽管html呈现良好）。
_app.tsx是一个导入全局index.css文件和所有@tailwind指令的程序。尝试将此css导入移到...client.tsx组件，但显然Next doesn't允许这样做。
有人成功地让Tailwind与服务器组件一起工作吗？

next.js

来源：https://stackoverflow.com/questions/72389665/how-to-use-tailwindcss-with-react-server-components-next-js

1条答案

按热度按时间

1bqhqjot1#

在tailwind.config.js文件中，您应该应用tailwind需要影响的文件夹和文件，如下所示：

content: [
    './app/**/*.{js,ts,jsx,tsx}',
    './pages/**/*.{js,ts,jsx,tsx}',
    './components/**/*.{js,ts,jsx,tsx}',
],

另外，检查您是否按照tailcwind的安装过程安装到了您的next.js项目中：
https://tailwindcss.com/docs/guides/nextjs

赞(0）回复(0）举报 2022-11-23

我来回答

如何将TailwindCSS与React服务器组件一起使用(Next.js)

1条答案

相关问题

热门标签

最新问答