我已经安装了一个react应用程序（通过create-react-app），我通过Plesk部署了它（我知道的不多，但我必须使用它...），但似乎nextjs不理解顺风css。当地一切都很好。
下面是我得到的错误：出现以下错误消息：

Server Error

ModuleParseError: Module parse failed: Unexpected character '@' (1:0)
File was processed with these loaders:
 * ./node_modules/next/dist/build/webpack/loaders/next-flight-css-loader.js
You may need an additional loader to handle the result of these loaders.
> @tailwind base;
| @tailwind components;
| @tailwind utilities;

字符串
tailwind.conf.js

/** @type {import('tailwindcss').Config} */
module.exports = {
  content: [
    './app/**/*.{js,ts,jsx,tsx,mdx}',
  ],
  theme: {
    extend: {},
  },
  plugins: [],
}

型
next.conf.js

/** @type {import('next').NextConfig} */

const nextConfig = {}

module.exports = nextConfig

型
postcss.conf.js

const { join } = require('path');

module.exports = {
  plugins: {
    tailwindcss: {
        config: join(__dirname, 'tailwind.config.js'),
    },
    autoprefixer: {},
  },
}

型
从我所看到的谷歌周围，这可能是一个webpack的问题，但我没有任何配置文件.
你知道吗？
（我想知道使用节点16.20.1是否会有问题？）