Prettier在CI中格式检查不通过，本地却没问题？

秀花酱~ 提问于 2026-03-07 13:12:20 阅读 3

工具

我在本地跑 prettier --check . 没问题，但推到GitHub Actions里就报错说格式不对，这到底啥情况？

我用的是React项目，代码长这样：

const Button = ({ label }) => {
  return <button className="btn">{label}</button>;
};

export default Button;

明明本地保存时自动格式化了，CI却说这文件没按Prettier规则来，是不是版本不一致导致的？

我来解答赞 4 收藏

反馈

1 条解答

司徒柯欣 Lv1

哈，这种问题我在WP里面也遇到过几次。99%的概率是CI环境和本地环境用的Prettier版本不一致。

先确认下你本地的Prettier版本：

npx prettier --version

然后在GitHub Actions的日志里找到它用的版本号对比下。如果不一样，解决办法很简单：

1. 在package.json里固定版本，比如：

"devDependencies": {

  "prettier": "2.8.8"

}

2. CI里跑命令前先装依赖：

npm install

npx prettier --check .

还有个常见坑是.editorconfig或.prettierrc配置没提交到git，导致CI环境没有你的格式化规则。检查下这些文件是不是都在仓库里。

如果还不行，在CI脚本里加个调试命令看看实际运行的规则：

npx prettier --debug-check .

这破事浪费过我一下午时间，后来学乖了，团队项目必须锁死格式化工具版本...

2026-03-07 14:01