nextjs 未应用页面路由顺风

Question

我创建了一个新项目，所以我没有任何相关代码要附加。我正在尝试建立 socket.io 服务器。我发现 socket.io 无法与新的应用程序路由器一起使用，因此我决定添加页面路由器。问题是，我添加到页面文件夹中的简单文件加载了该文件，并且未应用顺风，尽管应用程序路由器中的同一文件按预期加载了它。

我还将配置添加到了 tailwind.config.js 文件中：

 content: [
    "./src/**/*.{html,jsx,js}",
    "./src/pages/**/*.{js,ts,jsx,tsx,mdx}",
    "./src/pages/.{js,ts,jsx,tsx,mdx}",
    "./src/components/**/*.{js,ts,jsx,tsx,mdx}",
    "./src/app/**/*.{js,ts,jsx,tsx,mdx}",
  ],

Answer 1

According to NextJS the src directory should be done like this in 

配置 TailWind - NextJS 文档

安装Wind CSS - TailWindCSS 文档

// In tailwind.config.js

/** @type {import('tailwindcss').Config} */
    module.exports = {
      content: [
        // Or if using `src` directory:
    './src/**/*.{js,ts,jsx,tsx,mdx}',
      ],
      theme: {
        extend: {},
        screens: {
          sm: "640px",
          md: "768px",
          lg: "1024px",
          xl: "1280px",
          "2xl": "1536px",
        },
      },
    
      plugins: [],
    };

不要忘记

//in globals.css 
    @tailwind base;
    @tailwind components;
    @tailwind utilities;