Javascriptでimportをしたい

Question

前提・実現したいこと

Javascriptでモジュールをimportしようとしています。環境はGoogle Chrome(81.0.4044.129)のデベロッパーツールのコンソールです。OSはmacOS Mojaveです。

発生している問題・エラーメッセージ

次のエラーが発生します。エラー文で検索しましたが解決できませんでした。

Uncaught SyntaxError: Cannot use import statement outside a module

該当のソースコード

対話形式で実行しています。

import WebGL;

試したこと

Firefox(75.0)のコンソールでも同じimport文を入力してみましたが、Chromeのときとほぼ同じように

SyntaxError: import declarations may only appear at top level of a module

というエラーが出ました。

Answer 1

対話形式で実行しています。

対話形式ではimportを利用できません。<script type="module">の中に書くか、Webpackなどで変換するかが必要です。