😿
Claude codeのError: Cannot find module './yoga.wasm'エラーを解決する
👣 はじめに
これまで普通にClaude codeを使用できていたのですが、ある時に突然エラーを吐きこのままでは業務が非効率なので、直すことにしました
💿 環境
OS:MacBook Air (M2チップ)
バージョン:Sonoma 14.4.1
Node.js: v20.16.0
npm: 10.8.1
📄 エラー内容
$ claude
を実行すると、
node:internal/modules/cjs/loader:1145
const err = new Error(message);
^
Error: Cannot find module './yoga.wasm'
Require stack:
- /Users/[UserName]/.npm-global/lib/node_modules/@anthropic-ai/claude-code/cli.js
at Module._resolveFilename (node:internal/modules/cjs/loader:1145:15)
at Function.resolve (node:internal/modules/helpers:190:19)
at file:///Users/[UserName]/.npm-global/lib/node_modules/@anthropic-ai/claude-code/cli.js:771:22847
at ModuleJob.run (node:internal/modules/esm/module_job:222:25)
at async ModuleLoader.import (node:internal/modules/esm/loader:316:24)
at async asyncRunEntryPointWithESMLoader (node:internal/modules/run_main:123:5) {
code: 'MODULE_NOT_FOUND',
requireStack: [
'/Users/[UserName]/.npm-global/lib/node_modules/@anthropic-ai/claude-code/cli.js'
]
}
Node.js v20.16.0
といったエラーが出ますね。
👿 原因
チラッと調べたん感じ、自動アップデートでのバージョンの不揃いやnpmとpnpm両方での管理が原因でPATHが揃わずエラーが出ている感じらしいです。
自動アップデートはどうしようもないですが、npmとpnpmどちらか一方での管理にする必要がありそうです。
私はnpmで管理することにします。
🖊️ 修正
では、順序立てて修正していきましょう
claude codeのパッケージ全体を削除します。
$ rm -rf /Users/[UserName]/.npm-global/lib/node_modules/@anthropic-ai/claude-code
念の為キャッシュをクリア(しなくても大丈夫かもしれません)
$ npm cache clean --force
再インストール
$ npm i -g @anthropic-ai/claude-code@latest
これで完了です。
🎛️ 動作確認
$ claude
このようになっていればOKです。
$ claude
╭─────────────────────────────────────────────────────────────────╮
│ ✻ Welcome to Claude Code! │
│ │
│ /help for help, /status for your current setup │
│ │
│ cwd: [URL] │
╰─────────────────────────────────────────────────────────────────╯
🍛 お疲れ様でした
いきなりこんなエラーが出てWhat?って感じでしたが、他にもたくさんの人がこのエラーに遭遇していて、解決策はネットに転がってたのでこんな記事も必要ないかもですが、誰かを救っていれば嬉しいですネ!
二度と起こってほしくないエラーです。毎度こんなことしてられません。
でわでわ〜👋
参考
▶ GitHubエラー対応
Discussion