请尝试检查以下内容：（适用于我）

• 在下一个配置js中

设置experimental.appDir: true以启用应用程序目录功能

const nextConfig = {
  experimental: {
    appDir: true,
  },
}

• 在顺风配置js中

module.exports = {
  content: [
    "./app/**/*.{js,ts,jsx,tsx}",
    "./pages/**/*.{js,ts,jsx,tsx}",
    "./components/**/*.{js,ts,jsx,tsx}",
  ],
  ...
}

• 在**./app/globals.css中**

@tailwind base;
@tailwind components;
@tailwind utilities;

• 在**./app/layout.tsx**中的文件夹中

在布局中导入css =〉工作正常
在页面中导入css =〉不工作

import './globals.css';
...

我认为@lorekkusu是对的，但错过了一些东西。
假设我在/app/blog/page.tsx上工作，则需要再次导入 * globals.css *，尽管它是在/app/layout.tsx上导入的

import '../globals.css' //at /app/blog/page.tsx