javascript エラー「Uncaught SyntaxError: The requested module ‘xxx.js’ does not provide an export named ‘xxx’」の解決方法

javascript エラー「Uncaught SyntaxError: The requested module ‘xxx.js’ does not provide an export named ‘xxx’」の解決方法

javascriptで、エラー「Uncaught SyntaxError: The requested module ‘xxx.js’ does not provide an export named ‘xxx’」が発生した場合の原因と解決方法を記述してます。

環境

  • OS windows10 pro 64bit
  • Apache 2.4.43
  • ブラウザ chrome 104.0.5112.81

エラー内容

以下のコードを実行した際に発生。
※「hoge.js」は同一階層に存在します。

<script type="module">

  import { a, b } from "./hoge.js";

  b(a);

</script>

「hoge.js」のコードは、以下となります。

const a = 'a';

function b(msg) {
    console.log(msg);
}

export { a, b };

エラーメッセージ

Uncaught SyntaxError: The requested module './hoge.js' does not provide an export named 'a'

画像

firefox102の場合は、以下のエラーが発生します。

Uncaught SyntaxError: import not found: a

画像

原因

通常は、importする値が見つからない場合に発生するエラーですが、今回は、ブラウザのキャッシュに「hoge.js」が残っていたため正常に動作しませんでした。

解決方法

ブラウザのキャッシュを削除する