node · JavaScript
メッセージ
SyntaxError: Cannot use import statement outside a module
何を意味するか
node かブラウザがそのファイルを CommonJS のスクリプトとして読み、その中に ESM の構文である import があったという意味です。.js は package.json に type の宣言が無ければ CommonJS として読まれ、ブラウザでは <script> に type="module" が無いときに同じことが起きます。npm pkg set type=module でそのパッケージ全体を ESM と宣言すれば解けますが、その瞬間からそのパッケージのすべての .js で require と __dirname が使えなくなるため、残りの CommonJS のファイルも一緒に移す必要があります — 一つのファイルだけ移したいなら、拡張子を .mjs に変えるほうが狭くて安全です。
直しかた
npm pkg set type=module- 出す道具
- node
- JavaScript
- 15
ブラウザと node の誤りは、たいてい何が壊れたかだけを告げ、なぜその値がそうなったかは告げません — undefined を読んだ、関数ではなかった、JSON ではなかった。ですから直す場所は投げた行ではなくその値を作った上流であり、?. や既定値でその行だけ黙らせると、同じ問題がもっと遠くで、もっと分かりにくい形で戻ってきます。
エラーメッセージの読み方
- 一行目から読みます。下に行くほど道具の内部の話で、原因はたいてい一番上に書かれています。
- ファイル名と行番号があればそこが出発点です — スタックの最上段ではなく、自分が書いたファイルが出てくる一番上の行です。
- 文句はそのまま検索します。ただし自分のパスや変数名は消します — その部分が検索を邪魔します。
- 同じ事情が道具の版ごとに違う言い方で出ます。結果が合わないときは版番号も入れてみます。
- 直す命令を貼る前に、その命令が何を捨てるかを確かめます。取り消せないものが混ざっています。
よくある質問
Q. SyntaxError: Cannot use import statement outside a module はどういう意味ですか。
node かブラウザがそのファイルを CommonJS のスクリプトとして読み、その中に ESM の構文である import があったという意味です。.js は package.json に type の宣言が無ければ CommonJS として読まれ、ブラウザでは <script> に type="module" が無いときに同じことが起きます。npm pkg set type=module でそのパッケージ全体を ESM と宣言すれば解けますが、その瞬間からそのパッケージのすべての .js で require と __dirname が使えなくなるため、残りの CommonJS のファイルも一緒に移す必要があります — 一つのファイルだけ移したいなら、拡張子を .mjs に変えるほうが狭くて安全です。
Q. どう直しますか。
npm pkg set type=module — 実行する前に、この命令が何を捨てるかを上の説明で確かめてください。
Q. どの道具が出すエラーですか。
node です。JavaScriptの仲間で、文句は8語です。