prettier-plugin-tailwindcss无法处理glimmer解析器hbs文件怎么办

不需要替换glimmer解析器，按以下步骤操作即可解决：

• 第一步：升级插件版本
  你当前装的prettier-plugin-tailwindcss@0.1.11版本太老，这个版本根本没做Glimmer解析器的适配，自然处理不了hbs文件。另外你之前参考的配置文档属于另一个同名第三方旧插件，和你安装的官方维护的插件不是同一个项目，这也是twConfig配置报未知选项的核心原因。
  直接执行命令升级到最新版：

  yarn upgrade prettier-plugin-tailwindcss@latest --dev
  

  v0.2.0之后的官方版本原生适配了glimmer解析器，只要版本到位，不需要修改hbs文件的parser配置就能自动识别模板里的Tailwind类名。

• 第二步：修正配置项
  把配置里写错的twConfig替换成官方插件识别的tailwindConfig字段即可消除警告，对应配置如下：

  # 删除原来的twConfig行，替换为
  tailwindConfig: 'app/tailwind/config.js'
  

• 第三步（可选，升级后仍不生效再操作）：显式声明插件
  部分场景下Prettier不会自动检索node_modules里的插件，在配置里显式声明插件加载项即可：

  plugins:
    - prettier-plugin-tailwindcss
  

配置完成后跑下格式化命令验证即可：

# 检查hbs文件类名排序情况
yarn prettier --check app/templates/**/*.hbs
# 自动写入修复排序
yarn prettier --write app/templates/**/*.hbs

内容的提问来源于stack exchange，提问作者UXCODA