Next.js 11下Prettier v8.0无法格式化pageName.js报错如何解决？

该问题属于Prettier v8版本升级引入的兼容性问题，有大量旧项目用户反馈遇到相同报错，不是个例，核心原因集中在版本不匹配、配置项废弃两类，可通过以下方法逐一排查解决：

• 匹配依赖版本
  Prettier v8扩展默认优先调用项目本地安装的prettier依赖包，如果你的Next.js 11项目中本地prettier版本低于v3.0，就会出现兼容报错。可执行命令升级本地依赖：npm install prettier@latest --save-dev，执行完成后重启VSCode即可。
• 强制扩展使用自带的Prettier内核
  若不想修改项目原有依赖配置，可打开VSCode设置，搜索Prettier: Use Prettier Core，将选项值修改为bundled，强制扩展调用自身打包的v8版本内核，跳过本地依赖校验。
• 清理废弃配置项
  Prettier v8移除了多个旧版本配置项，最常见的冲突项是jsxBracketSameLine，如果你的.prettierrc配置文件中存在该规则，替换为bracketSameLine即可，其他废弃规则可对照变更说明逐一清理。
• 回退扩展版本
  若以上方案都不适用，可直接在VSCode扩展面板找到Prettier扩展，右键选择「安装另一个版本」，选择你升级前正常使用的旧版本，安装完成后重启VSCode即可恢复正常。

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