0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

【2026年最新】Node.jsのCommonJS/ESM地獄をClaudeに一発診断させるプロンプト集と自作ツール実装

0
Posted at

この記事を読み終えると、Cannot use import statement outside a moduleERR_REQUIRE_ESM が出た瞬間に、エラー文・package.json・拡張子・Nodeバージョンを自動収集してClaude APIに投げ、原因と修正diffを返す自作CLIが手元で動かせるようになります。コピペしてnode diagnose.mjs エラーログで使える実コード2本付きです。

なぜCommonJS/ESMエラーはClaudeに丸投げした方が速いのか

結論: このエラーは「文面」だけでは原因が一意に決まらず、package.jsontype・ファイル拡張子・Nodeバージョン・呼び出し側/呼ばれ側の組み合わせという4変数を突き合わせないと診断できないから、文脈を機械的に集めてLLMに渡すのが最短です。

例えば Cannot use import statement outside a module という同じ一文でも、真因は最低3パターンに分岐します。

  1. package.json"type": "module"が無く、.jsがCommonJS扱いされている
  2. .jsimportで読もうとしたが、その依存パッケージ側がCJSのみ提供
  3. ts-node / Jest など別のローダーがESM変換を噛んでおらず、トランスパイル前のimportが素通りした

人間は「またこれか」とエスパーしますが、当たれば速い・外せば30分溶ける賭けです。だったら4変数を確実に集めてClaudeに渡し、賭けの部分をAIに肩代わりさせます。Stack Overflowを5タブ開く前に、typeフィールドと拡張子という決定的な証拠を最初に揃えるのがこの記事のキモです。

Node.jsの環境コンテキストを機械収集する診断コレクタ

LLMに投げる前に、エラー文だけでなく判断材料を全部集めるスクリプトを作ります。これがあると診断精度が露骨に上がります。context.mjsとして保存してください。

// context.mjs — CJS/ESM診断に必要な4変数を収集する
import { readFileSync, existsSync } from "node:fs";
import { join, extname } from "node:path";

export function collectContext(targetFile) {
  const ctx = {
    nodeVersion: process.version,
    targetExt: targetFile ? extname(targetFile) : null,
    packageType: "(未指定=CommonJS扱い)",
    hasTsConfig: existsSync("tsconfig.json"),
    exportsField: null,
  };

  const pkgPath = join(process.cwd(), "package.json");
  if (existsSync(pkgPath)) {
    const pkg = JSON.parse(readFileSync(pkgPath, "utf8"));
    ctx.packageType = pkg.type ?? "(未指定=CommonJS扱い)";
    // exportsの条件分岐(require/import)はデュアルパッケージ事故の温床なので拾う
    ctx.exportsField = pkg.exports ?? null;
    ctx.depCount = Object.keys(pkg.dependencies ?? {}).length;
  }
  return ctx;
}

// 単体実行: node context.mjs ./src/index.js
if (import.meta.url === `file://${process.argv[1]}`) {
  console.log(JSON.stringify(collectContext(process.argv[2]), null, 2));
}

ここで地味に効くのがexportsフィールドの収集です。"exports": { "require": "./cjs.js", "import": "./esm.js" } のデュアルパッケージ構成は、require版とimport版で別インスタンスが2回ロードされてinstanceofが壊れるという、エラーすら出ない最悪の事故を起こします。これは文面に現れないので、構造として渡さないとClaudeも気づけません。

またimport.meta.url === \file://${process.argv[1]}` は、ESMでrequire.main === moduleの代わりに「直接実行されたか」を判定する定番イディオムです。ESMには__dirnamerequire.mainも無いため、ここで詰まる人が多い。Node 20.11 / 21.2以降ならimport.meta.dirnameが使えるので、__dirname`が無いと言われたらまずバージョンを確認してください。

Claude APIにエラーと文脈を渡して修正diffを受け取る

本体です。@anthropic-ai/sdkを使い、収集したコンテキストとエラー文をまとめてClaudeに投げます。diagnose.mjsとして保存。

// diagnose.mjs — node diagnose.mjs "<エラー文>" ./src/index.js
import Anthropic from "@anthropic-ai/sdk";
import { collectContext } from "./context.mjs";

const errorText = process.argv[2] ?? "";
const targetFile = process.argv[3] ?? null;
const ctx = collectContext(targetFile);

const client = new Anthropic(); // ANTHROPIC_API_KEY を環境変数から読む

const prompt = `あなたはNode.jsのモジュール解決の専門家です。
以下のエラーと環境から、CommonJS/ESMのどの不整合かを断定し、
最小の修正diffを1つだけ提示してください。憶測の選択肢列挙は禁止。

## エラー文
${errorText}

## 収集した環境(これが判断の根拠)
- Nodeバージョン: ${ctx.nodeVersion}
- 対象ファイル拡張子: ${ctx.targetExt}
- package.jsonのtype: ${ctx.packageType}
- exportsフィールド: ${JSON.stringify(ctx.exportsField)}
- tsconfig.json: ${ctx.hasTsConfig ? "あり" : "なし"}

## 出力形式(厳守)
1. 真因(1文): 
2. 修正方法(package.json編集 / 拡張子変更 / import文修正 のどれか1つ): 
3. 適用するdiff(\`\`\`diff ブロック): 
4. やってはいけない代替案(なぜ悪化するか): `;

const msg = await client.messages.create({
  model: "claude-sonnet-4-6", // 速くて十分。難物はclaude-opus-4-8に上げる
  max_tokens: 1500,
  messages: [{ role: "user", content: prompt }],
});

console.log(msg.content[0].text);

プロンプトで**「憶測の選択肢列挙は禁止」「diffを1つだけ」と縛っているのが意図的です。これを書かないと、Claudeは親切心で「方法A、方法B、方法Cがあります」と返してきて、結局自分で選ばされる=Stack Overflowと同じ状態に逆戻りします。環境変数を根拠として明示的に渡しているので、「typeが未指定だから.jsがCJS扱いされている」と証拠ベースで断定**させられます。

モデルはclaude-sonnet-4-6を既定にしています。CJS/ESM診断は推論より知識照合のタスクなので速いモデルで十分で、exportsの条件分岐が絡む複雑な事故だけclaude-opus-4-8に上げる運用が費用対効果が良いです。

ts-nodeとJestで踏んだ実際の落とし穴

このツールを使い回す中で、文面だけ見ると真逆の診断をしかける典型例を挙げます。

ts-nodeSyntaxError: Cannot use import statement outside a moduleが出たケース。素直に読むと「package.jsontype: moduleを足せ」と言いたくなりますが、それをやるとTypeScript側のCJS出力と衝突して別エラーに化けます。真因はts-nodeのESMローダー(--loader ts-node/esm またはtsconfigmodule設定)が噛んでいないことで、package.jsonではなくtsconfig.jsonmodule/moduleResolutionが戦犯でした。context.mjshasTsConfig: trueを渡しておくと、Claudeがこの分岐を踏んで「package.jsonを触るな、tsconfigを見ろ」と返してくれます。tsconfigの存在をコンテキストに入れるという一手間が、ここで効きます。

もう一つはNodeバージョン依存の罠。「require() of ES Module ... not supported」は長らく『ESMはrequireできない』が定説でしたが、Node.js 22.12.0以降ではrequire(esm)がフラグ無しで解禁されています。古い記憶のまま「import()に書き換えろ」と提案するAIや記事もありますが、ctx.nodeVersionを渡しておけば、Claudeに「あなたのNodeは22.12以上なので、その依存は実はrequireで通る。書き換え不要」と現実に即した回答をさせられます。バージョンという数値を握らせるかどうかで、提案の正しさが変わります。

GitHub ActionsのCIでESMエラーを事前に潰す検査

最後に、このエラーをローカルではなくCIで先回りして検出する実用ネタ。package.jsontypeと実ファイルの拡張子が矛盾していないかを、GitHub Actionsで機械チェックします。

# .github/workflows/module-check.yml
name: module-consistency
on: [push, pull_request]
jobs:
  check:
    runs-on: ubuntu-latest
    steps:
      - uses: actions/checkout@v4
      - uses: actions/setup-node@v4
        with: { node-version: "22" }
      - name: type と拡張子の矛盾を検出
        run: |
          TYPE=$(node -p "require('./package.json').type || 'commonjs'")
          echo "package type: $TYPE"
          # type:module なのに require( を使っている .js を洗い出す
          if [ "$TYPE" = "module" ]; then
            if grep -rnE "require\\(" --include="*.js" src/; then
              echo "::error::type:moduleなのに.jsでrequire()を使用。.cjsへ改名するかimportに変更を"
              exit 1
            fi
          fi

node -ppackage.jsontypeを取り出し、moduleなら.js内のrequire(grepで検出して落とします。type:module環境でrequireを使うとReferenceError: require is not defined in ES module scopeになりますが、これは実行時まで気づきにくい。CIのgrep一発で、レビュー前に機械的に弾けます。診断ツールが「治療」なら、こちらは「予防接種」です。

このツール集が結局やっていること

CJS/ESMエラーの厄介さは、エラー文が原因を一意に指さないことに尽きます。だからcontext.mjstype・拡張子・Nodeバージョン・tsconfig・exportsという証拠を機械的に揃え、diagnose.mjsでClaudeに「憶測禁止・diff1つ」と縛って断定させ、GitHub Actionsで再発を予防する——この3点セットで、エスパーゲームを証拠ベースの診断に置き換えます。まずcontext.mjsdiagnose.mjsをコピペして、次にエラーを踏んだときnode diagnose.mjs "<エラー>" <ファイル>を叩いてみてください。賭けに使っていた30分が返ってきます。

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?