提问人：Saif eldeen Adel 提问时间：7/10/2023 更新时间：9/8/2023 访问量：2000
无法让 prettier-plugin-tailwindcss 在 Nextjs 应用程序上工作
Can't get prettier-plugin-tailwindcss to work on Nextjs App
问：
所以我让我的 nextjs 应用程序正常配置了顺风，然后运行命令来安装更漂亮和更漂亮的顺风插件，据我了解，它应该可以立即工作。npm
我在 vscode 中的默认格式化程序是 Prettier，我确保了这一点，并且在保存时使用 Prettier 格式化了我的文件，但类没有排序。
我没有添加任何更漂亮的配置文件或任何东西。只是我的顺风配置文件，也不包含与插件相关的任何内容。
更漂亮的插件自动加载有问题，但不知道如何修复它。
答：
8赞
Artem Purundzhian
7/13/2023
#1
我认为这个问题可能是由 Prettier v3.0 中的更改引起的。您可以尝试通过以下步骤返回 Prettier v2.8.8 来修复它：
npm uninstall prettier prettier-plugin-tailwindcss
npm install -D [email protected] [email protected]
插件与 Prettier v3.0 不兼容 - github 问题
编辑：
从 prettier-plugin-tailwindcss 版本 0.5.4 开始，这个问题现在应该得到解决。您可以使用以下命令更新依赖项：
npm install -D prettier prettier-plugin-tailwindcss
此外，不要忘记在 prettier.config.js 文件中包含以下配置：
module.exports = {
plugins: ['prettier-plugin-tailwindcss'],
}
最后，请确保重新加载 Visual Studio Code 以使更改生效。有关详细信息，请参阅此 GitHub 注释。
评论