Vue CLI 3 - 将 TailwindCss 1.9 升级到 TailwindCss 2.0 时出错答案

【问题标题】：Vue CLI 3 - Error upgrading TailwindCss 1.9 to TailwindCss 2.0Vue CLI 3 - 将 TailwindCss 1.9 升级到 TailwindCss 2.0 时出错
【发布时间】：2021-03-04 02:06:51
【问题描述】：

我有一个使用 Tailwindcss 1.9 安装的 Vue 3 vite-app 项目。我想将 TailwindCss 升级到 2.0 版，但出现以下错误。

这是我的 postcss.config.js 文件：

module.exports = {
    plugins: [require("tailwindcss"), require("autoprefixer")],
};

【问题讨论】：

标签： npm tailwind-css vuejs3

【解决方案1】：

最后，按照 TailwindCss 的官方文档，我成功升级到了 2.0 版本。

以下是将 TailwindCss 与 Vue3 和 Vite 集成的官方指南： https://tailwindcss.com/docs/guides/vue-3-vite

我认为同时修复的软件包存在一些问题。

【讨论】：

【解决方案2】：

在 package.json 的 devDependencies 中添加这个并运行：npm install

"postcss": "^7.0.35",

"tailwindcss": "npm:@tailwindcss/postcss7-compat@^2.0.1"

【讨论】：