👴

VSCodeでPrettierのフォーマットがエラーになる

2021/05/06に公開

React(create-react-app) + Typescript + ESLint + Prettierの環境で保存時にjsonファイルやcssファイルのフォーマットが効かないので調べてみた。

jsonファイルを保存した時のエラー

.prettierrcのparserを指定していたので全てのファイルをtypescriptとしてパースしていたのが原因でした。

{
  "printWidth": 100,
  "singleQuote": true,
  "semi": false,
  "tabWidth": 2,
  "trailingComma": "es5",
  "parser": "typescript"
}

こちらのissueでparserを削除すれば直るとありました。
https://github.com/prettier/prettier/issues/2276

Discussion