Tailwind css 在 vercel 中部署后不起作用

Question

几天前，我遇到了一个问题，我的部署没有显示 css 和 tailwind 样式，并且在我的本地主机中一切正常，我将我的存储库和项目留在这里。请帮忙

https://github.com/clemesilva/Ameterle2.git

我正在尝试部署我的项目，但过程中的问题正在影响我

我把这个放在我的

package.json

中来解决漏洞

"overrides": {
    "path-to-regexp": "8.2.0",
    "undici": "6.20.1",
    "debug": "4.3.7",
    "uuid": "11.0.2",
    "semver": "7.6.3",
    "tar": "7.4.3"
  }

问题肯定出在这部分，这是我的

tailwind.config.js

const { nextui } = require("@nextui-org/react");
const withMT = require("@material-tailwind/react/utils/withMT");

/** @type {import('tailwindcss').Config} */
module.exports = {
  mode: "jit",
  content: [
    "./src/**/*.{js,jsx,ts,tsx}",
    "./pages/**/*.{js,ts,jsx,tsx}",
    "./src/components/**/*.{js,ts,jsx,tsx}",

    "./node_modules/@nextui-org/theme/dist/**/*.{js,ts,jsx,tsx}",
  ],
  theme: {
    extend: {
      // Agregar configuración personalizada para el carrusel
      fontFamily: {
        slick: ["slick"],
      },
      colors: {
        slick: {
          // Personaliza los colores del carrusel según sea necesario
          bg: "white",
          text: "black",
        },
      },
    },
  },
  darkMode: "class",
  plugins: [nextui()],
  tailwindcss: {},
};

Answer 1

我在 Github 上检查了你的存储库，你的根目录中缺少

postcss.config.js

文件。

将其添加到您的根目录中，如下所示：

postcss.config.js

 export default {
  plugins: {
    tailwindcss: {},
  },
};

或运行此命令：

npx tailwindcss init -p

更多信息：https://tailwindcss.com/docs/guides/vite