🐛

VSCodeでBiomeを使う際のインポート破壊バグとその対処法

に公開

概要

VSCodeでBiomeを使用すると、保存時にインポート文が破壊される現象が発生します。
GitHub Issue #1570で報告・議論されているので詳細はそちらをご確認ください。

例:

// 変更前(正常)
import { useEffect, useRef, useState } from "react";

// 変更後(破壊)
import { useEffectecuseRef, useState } from "react";

原因

GitHub Issueでの議論によると:

  • VSCode内で複数のBiomeインスタンスが同時に実行されている
  • 拡張機能のサーバー接続に問題があり、複数のBiomeDaemonプロセスが生成される

簡易対処法

  1. VSCodeの再起動: 最も効果的な一時的解決策
  2. プレリリース版の使用: code --install-extension biomejs.biome@prerelease
  3. 最新Biomeへの更新: 1.9.x以降を推奨

参考

https://github.com/biomejs/biome/issues/1570
https://biomejs.dev/

Discussion