0

Javascriptのモジュールをimportしようとすると、以下のエラーが発生しました。

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

test.js ( moduleファイル ↓)

function crazyman() {
      alert("You idiot!");
}
export crazyman();

crazy.js (importしたファイル↓)

import {crazyman} from "test.js";
crazyman();

easy_sample.html (HTMLファイル↓)

  <!DOCTYPE html>
  <html lang="ja" dir="ltr">
   <head>
    <meta charset="utf-8">
    <title>javascript sample</title>
   </head>
   <body >
    <script src="crazy.js"></script>
   </body>
  </html>

三つのファイルはすべて同じディレクトリに存在しています。ブラウザはfirefoxです。

1 件の回答 1

3

モジュールではないJavaScriptコードではimportが使えません。

HTMLでJavaScriptコードをモジュールとして扱うには、script 要素に type="module" を指定します。

<script src="crazy.js" type="module"></script>
3
  • ありがとうございます。しかし修正すると今度は「クロスオリジン要求をブロックしました」というエラーが発生してしまいました...
    – S.I.
    Commented 2020年5月14日 3:38
  • file:// だと動きません。developer.mozilla.org/ja/docs/Web/JavaScript/Guide/…
    – int32_t
    Commented 2020年5月14日 4:31
  • ローカルでは出来ないんですね...ありがとうございました。
    – S.I.
    Commented 2020年5月14日 9:27

この質問に回答するには、ログインする必要があります。

求めていた回答ではありませんか? のタグが付いた他の質問を参照する。