我有一个 [slug] 文件，不适用于顺风

问：

我正在做我的作品集，我想为不同的项目提供不同的页面，一切正常，我可以单击卡片并打开新页面，但我无法设置这个新页面的样式，这是代码：

// pages/projetos/[slug].tsx
import { useRouter } from "next/router"
import { projetosData } from "../../app/projetosdata"

const ProjetoDetalhes = () => {
  const router = useRouter()
  const { slug } = router.query
  const projeto = projetosData.find(
    (p: { id: { toString: () => string | string[] | undefined } }) => p.id.toString() === slug
  )

  if (!projeto) {
    return <div>Projeto não encontrado</div>
  }

  return (
    <div>
      <h1 className="text-3xl font-bold underline">Hello world!</h1>
    </div>
  )
}

export default ProjetoDetalhes

这部分，不能正常工作

  return (
    <div>
      <h1 className="text-3xl font-bold underline">Hello world!</h1>
    </div>
  )

这个文件之外的每个人都使用 Tailwind，这里也是我的 tailwind.config 文件

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

    // Or if using `src` directory:
    "./src/**/*.{js,ts,jsx,tsx,mdx}",
  ],
  theme: {
    extend: {},
  },
  plugins: [],
}

我尝试对 tailwind.config 文件进行一些更改，希望我缺少一些我不知道的导出