我正在制作一个Nextjs React网站。当我提供react应用程序并转到localhost时，tailwindcss工作正常。然而，当我转到vercel托管的网站时，它不工作，并且属性不会显示在开发人员工具上。不工作的属性是text-right。
这里是网站的链接：holocaust-project.vercel.app * 注意这是一个学校项目
你会注意到，在网站上，所有的部分都是左对齐的。然而，当我为它服务的部分交替对齐从右到左（我正在努力做的）。
以下是我的GitHub：https://github.com/NolanKnight/holocaust-project/
我的主要代码在layout.tsx文件中：https://github.com/NolanKnight/holocaust-project/blob/main/src/components/layout.tsx
1条答案
按热度按时间zbsbpyhn1#
我发现问题是tailwindcss的漂亮插件正在重新排列classNames，所以在第14行的.tsx部分，
grid被移到了place-items-之后。我通过用整个属性替换三进制中的“end”和“start”来解决这个问题：place-items-end和place-items-start。