在 Vercel 上部署后网站布局和图像未对齐

Question

我使用 Next.js、Tailwind CSS 和区块链开发了一个网站，一切都在本地主机上完美运行。然而，在 Vercel 上部署网站后，布局完全错位，图像未按预期显示。

在本地主机中：

在 vercel 部署中： 在此输入图片描述

在此输入图片描述

这是我迄今为止尝试过的： 检查部署中是否缺少文件。 验证图像的所有相对和绝对路径。 确保 CSS 文件得到应用。

如果布局和对齐方式与本地主机相同，那就太好了。

仓库链接：https://github.com/harisankarrnair/CrowdMantle

部署链接：https://crowd-mantle.vercel.app/

Answer 1

content

文件夹中的一个

client

文件团包含

./components/**/*.{js,ts,jsx,tsx}

。但是，此文件夹的第一个字母

Components

是大写的。如果您的本地主机操作系统不区分大小写，而 Vercel 可能区分大小写，这可能会导致差异。

因此，请考虑调整

content

条目以匹配文件夹的大小写：

"./Components/**/*.{js,ts,jsx,tsx}",