Post

Turbopack Breaks on Dropbox Path Aliases

Turbopack Breaks on Dropbox Path Aliases

症状

npm run dev で以下の panic が出る:

1
Resource path ".../frontend/src/app/providers.js" need to be on project filesystem ""

原因

Dropbox 配下は macOS File Provider の影響で、 同じパスでも内部的に別ファイルシステム扱いになることがあります。

特に VSCode Workspace を開いた状態で起動すると、 Turbopack の .next キャッシュが「別の filesystem 前提」で汚染され、 以後は Mac ターミナルでも落ちることがあります。

解決策

  1. .next を削除して再起動
1
2
rm -rf .next
npm run dev
  1. Turbopack を無効化(最安定)
1
NEXT_DISABLE_TURBOPACK=1 npm run dev

恒久的にするなら package.json の dev を変更:

1
"dev": "NEXT_DISABLE_TURBOPACK=1 next dev"

まとめ

  • VSCode 自体の問題ではなく、Dropbox + Turbopack の相性問題
  • .next 削除で復帰
  • 安定運用は Turbopack 無効化 が現実的
This post is licensed under CC BY 4.0 by the author.