我正在做一个项目，我使用了React，Next.js和Tailwind CSS，我做了一些样式定制，比如使用react-slick作为slider，我应用了自定义CSS到react-slider类，并根据我的需要制作了slider......但同时我尝试将默认自定义字体应用到我的整个项目。在这种情况下，我在文件中做了一些更改

文件 * 顺风配置文件.js*

theme: {
  fontFamily: {
    customfontname: ['Segoe UI', 'Helvetica Neue', 'Arial', 'sans-serif', ...defaultTheme.fontFamily.customfontname],
  },
  extend: {},
},

之后，我得到了一个***编译错误：***

./node_modules/next/dist/build/webpack/加载程序/css-加载程序/src/索引.js？？规则集[1].规则[2].其中一个[7].使用[1]！./node_modules/next/dist/build/webpack/加载程序/postcss-加载程序/src/索引.js？？规则集[1].规则[2].其中一个[7].使用[2]！./node_modules/光滑转盘/光滑/光滑主题.css

参考错误：未定义默认主题

我的Tailwind CSS * 配置.js* 文件以供参考

/** @type {import('tailwindcss').Config} */
module.exports = {
  mode: "jit",
  content: [
    "./pages/**/*.{js,ts,jsx,tsx}",
    "./page-section/**/*.{js,ts,jsx,tsx}",
    "./page-section/**/**/*.{js,ts,jsx,tsx}",
  ],
  theme: {
    fontFamily: {
      customfontname: ['Segoe UI', 'Helvetica Neue', 'Arial', 'sans-serif', ...defaultTheme.fontFamily.customfontname],
    },
    extend: {
      fontFamily: {
        customfontname: ['Segoe UI',
                         'Helvetica Neue',
                         'Arial',
                         'sans-serif',
                         ...defaultTheme.fontFamily.customfontname],
      },
    }
  },
  plugins: [],
};

这是那些试图帮助我的人的代码，但我得到了我提到的同样的错误...

/** @type {import('tailwindcss').Config} */
const defaultTheme = require("tailwindcss/defaultTheme");
module.exports = {
  mode: "jit",
  content: [
    "./pages/**/*.{js,ts,jsx,tsx}",
    "./page-section/**/*.{js,ts,jsx,tsx}",
    "./page-section/**/**/*.{js,ts,jsx,tsx}",
  ],
  theme: {
    fontFamily: {
      customfontname: [
        "Segoe UI",
        "Helvetica Neue",
        "Arial",
        "sans-serif",
        ...defaultTheme.fontFamily.customfontname,
      ],
    },
    extend: {},
  },
  plugins: [],
};