← 一覧へ
動かすとき（ターミナル）出る場所：ターミナル（黒い画面）たまに出る

import の書き方が使えない

SyntaxError: Cannot use import statement outside a module

ひとことで言うと

「`import` と `require` の、2種類の部品の読み込み方が混ざっていて動きません」という意味です。

よくある原因

  1. package.json に "type": "module" が書かれていない（または逆）
  2. 古い書き方（require）と新しい書き方（import）が混ざっている

自分で確かめること

たいていは、こうすると直ります

新しく作るなら、package.json に "type": "module" を足して import にそろえるのがかんたんです。

AIへの伝え方

下の文をコピーして、ChatGPT・Claude・Cursor などに貼り付けてください。トップで貼り付けたエラー文があれば、自動でそれに入れかわります。

次のエラーが出て困っています。プログラミング初心者にもわかるように、原因と直し方を教えてください。必要なら、直したコードも全部見せてください。

【エラー】
SyntaxError: Cannot use import statement outside a module

【やったこと】
（ここに、エラーが出る前にしたことを書く。例：npm run dev を実行した）

【参考】
このエラーは「import の書き方が使えない」というもので、よくある原因は次のとおりです。
・package.json に `"type": "module"` が書かれていない（または逆）
・古い書き方（require）と新しい書き方（import）が混ざっている

どれに当てはまるかを確かめる方法も教えてください。

似ているエラー