vscodeのprettierでcannot format 'xxxx'と表示され、フォーマットができない問題の解決方法

1552 ワード
VSCode prettier VSCode テキストリンク

背景

vscodeでいつも通り編集していたらコードがフォーマットされない...。
画面の下を見るとprettierがExtension 'Prettier - Code formatter' cannot format 'package.json'というエラーを吐いていました。

コンソールにも以下のようなエラーが出ていました。

[2021-06-22 23:56:05.392] [exthost] [error] Activating extension esbenp.prettier-vscode failed due to an error:
[2021-06-22 23:56:05.392] [exthost] [error] Error: Cannot find module 'prettier'

原因と解決方法

原因はprettier-vscodeのバージョンが8.0.0になっておかしくなったようです。
一旦は、バージョンをさげることで解消します。

バージョンを下げるには拡張機能の一覧を開いて、prettierを右クリックすると表示される「Install Another Version」からインストールするバージョンを指定します。


最後に、自動的に拡張機能がアップデートされないように拡張機能設定の「...」を押すと表示される「Auto Update Extensions」を「None」にしておきましょう。