加载PostCSS插件失败：当我使用vite

Question

[vite] Internal server error: Failed to load PostCSS config

Error: Cannot find module 'tailwindcss'

当我使用

npm run dev

运行此项目时，我的输出错误：

的内容是

postcss.config.js

：

的内容。

module.exports = {
  plugins: {
    tailwindcss: {},
    autoprefixer: {},
  },
};

我可以解决这个问题？

Answer 1

在v3，

tailwindcss

软件包是一个邮政编码插件，但在v4中，Postcss插件属于专用

@tailwindcss/postcss

软件包。 从V4开始，

@tailwindcss/postcss

插件已与parwindcss软件包分开，因为每个人都不需要。您需要安装此单独的插件，并将其从V4引用到通过PostCSS加载parwindcss，例如：

npm install tailwindcss @tailwindcss/postcss postcss

postcss.config.mjs

export default {
  plugins: {
    "@tailwindcss/postcss": {},
  }
}

使用PostCSS

-TailWindcss V4Docs
• get启动tailwindcss UPGRADE指南：使用PostCSS