Sanity.io [vite] Internal server error: [postcss] Cannot read properties of undefined (reading \'config\') 错误答案

【问题标题】：Sanity.io [vite] Internal server error: [postcss] Cannot read properties of undefined (reading 'config') errorSanity.io [vite] Internal server error: [postcss] Cannot read properties of undefined (reading \'config\') 错误
【发布时间】：2023-02-05 13:10:03
【问题描述】：

启动 sanity studio 让我遇到这个错误。该页面在本地主机中旋转得很好。任何解决此问题的帮助将不胜感激

这是完整的错误：

[plugin:vite:css] [postcss] Cannot read properties of undefined (reading 'config')
    at getTailwindConfig (/Users/adamsmith/Desktop/codingprojects/portfolio/node_modules/tailwindcss/lib/lib/setupTrackingContext.js:84:63)
    at /Users/adamsmith/Desktop/codingprojects/portfolio/node_modules/tailwindcss/lib/lib/setupTrackingContext.js:96:92
    at /Users/adamsmith/Desktop/codingprojects/portfolio/node_modules/tailwindcss/lib/processTailwindFeatures.js:46:11
    at plugins (/Users/adamsmith/Desktop/codingprojects/portfolio/node_modules/tailwindcss/lib/index.js:38:63)
    at LazyResult.runOnRoot (/Users/adamsmith/Desktop/codingprojects/portfolio/portfolio-build/node_modules/postcss/lib/lazy-result.js:339:16)
    at LazyResult.runAsync (/Users/adamsmith/Desktop/codingprojects/portfolio/portfolio-build/node_modules/postcss/lib/lazy-result.js:393:26)
    at LazyResult.async (/Users/adamsmith/Desktop/codingprojects/portfolio/portfolio-build/node_modules/postcss/lib/lazy-result.js:221:30)
    at LazyResult.then (/Users/adamsmith/Desktop/codingprojects/portfolio/portfolio-build/node_modules/postcss/lib/lazy-result.js:206:17)
    at processTicksAndRejections (node:internal/process/task_queues:96:5

这是我的 tailwind.config.js 文件的内容

@type {import('tailwindcss').Config} 
module.exports = {
  content: [
    "./pages/**/*.{js,ts,jsx,tsx}",
    "./components/**/*.{js,ts,jsx,tsx}",
  ],
  theme: {
    extend: {},
  },
  plugins: [
    require('tailwind-scrollbar')
  ],
}

【问题讨论】：

标签： javascript typescript tailwind-css sanity

【解决方案1】：

我最终使用以下信息在 sanity 文件夹中创建了一个 tailwind.config.js 文件。它修复了它。

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

【讨论】：

太感谢了。周末在这上面卡了一个半小时。我离弃船去酒吧还有 37 分钟的路程！
嘿，你找到任何解决办法了吗？我需要设置 Bootstrap & React-boostrap 而不是 Tailwind 那么我该怎么做？

【解决方案2】：

创建 tailwindcss 时，确保内容数组不为空，添加以下内容：

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

  ],

  theme: {
    extend: {},
  },
  plugins: [],
}

【讨论】：

【解决方案3】：

在我的例子中，在 sanity 文件夹中创建 tailwind.config.js 文件，并在该创建的文件中添加以下代码

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

  ],

  theme: {
    extend: {},
  },
  plugins: [],
}

【讨论】：

【解决方案4】：

我有同样的错误，将 tailwind.config.js 文件位置更改为“sanity-backend”文件夹下，为我修复了一个错误。

【讨论】：

【解决方案5】：

上述解决方案对我不起作用。将tailwind.config.js文件移动到Sanity文件夹下后，Sanity就可以运行了，但是前端报错了。为了让它工作，有两份 tailwind CSS 文件副本，一份用于根目录，一份在 Sanity 文件夹中。

【讨论】：