所以我把我的nextjs应用程序配置成正常的tailwind，然后运行命令npm install prettier和prettier tailwind插件，据我所知，它应该马上就能工作了。我在vscode中的默认格式化程序是Prettier，我确保了这一点，当我保存时，我的文件是使用Prettier格式化的，但类没有排序。我没有添加任何漂亮的配置文件或任何东西。只是我的顺风配置文件，不包括任何有关的插件。有什么问题与漂亮的插件自动加载，但我不知道如何修复它。
npm
ldxq2e6h1#
我认为这个问题可能是由Prettier v3.0中的更改引起的。您可以通过以下步骤返回Prettier v2.8.8来尝试修复它：
npm uninstall prettier prettier-plugin-tailwindcss npm install -D [email protected] [email protected]
字符串Plugin is incompatible with Prettier v3.0 - github issue
编辑：
从prettier-plugin-tailwindcss 0.5.4版本开始，这个问题应该已经解决了。你可以使用以下命令更新你的依赖项：
npm install -D prettier prettier-plugin-tailwindcss
型此外，不要忘记在prettier.js.js文件中包含以下配置：
module.exports = { plugins: ['prettier-plugin-tailwindcss'], }
型最后，请确保重新加载Visual Studio Code以使更改生效。有关更多信息，请参阅此GitHub评论。
pkbketx92#
我的情况下，下一个版本在类的顺序有错误，同时WebStorm IDE在这些行上没有错误。我更新了prettier-plugin-tailwindcss包，并重新启动IDE -现在工作正常。x1c 0d1x的数据
arknldoa3#
我正在使用Visual Studio程式码编辑器：开始，将prettier-plugin-tailwindcss作为开发依赖项安装，您似乎已经完成了：npm install -D prettier prettier-plugin-tailwindcss个此命令将同时安装最新版本的Prettier和Prettier Tailwind CSS插件。接下来，您需要更新package.json文件。在文件末尾添加以下配置：
prettier-plugin-tailwindcss
package.json
"prettier": { "plugins": [ "prettier-plugin-tailwindcss" ] }
字符串
确保package.json镜像此结构：
的数据此设置将在您的项目中集成Tailwind CSS与Pretier。
3条答案
按热度按时间ldxq2e6h1#
我认为这个问题可能是由Prettier v3.0中的更改引起的。您可以通过以下步骤返回Prettier v2.8.8来尝试修复它：
字符串
Plugin is incompatible with Prettier v3.0 - github issue
编辑：
从prettier-plugin-tailwindcss 0.5.4版本开始，这个问题应该已经解决了。你可以使用以下命令更新你的依赖项：
型
此外，不要忘记在prettier.js.js文件中包含以下配置：
型
最后，请确保重新加载Visual Studio Code以使更改生效。有关更多信息，请参阅此GitHub评论。
pkbketx92#
我的情况下，下一个版本在类的顺序有错误，同时WebStorm IDE在这些行上没有错误。我更新了prettier-plugin-tailwindcss包，并重新启动IDE -现在工作正常。
x1c 0d1x的数据
arknldoa3#
我正在使用Visual Studio程式码编辑器：
开始，将
prettier-plugin-tailwindcss作为开发依赖项安装，您似乎已经完成了：npm install -D prettier prettier-plugin-tailwindcss个此命令将同时安装最新版本的Prettier和Prettier Tailwind CSS插件。
接下来，您需要更新
package.json文件。在文件末尾添加以下配置：字符串
确保package.json镜像此结构：
的数据
此设置将在您的项目中集成Tailwind CSS与Pretier。