ECMAScript 6 モジュールをインポートするときに「Uncaught SyntaxError: Cannot use importstatementOutside a module」というメッセージが表示されるのはなぜですか?

ECMAScript 6 のインポート時に「Uncaught SyntaxError: Cannot use import stateOutside a module」

概要

ECMAScript 6 モジュール milsymbol をインポートしようとしたとき.js を ArcGIS JSAPI プロジェクトに追加すると、「Uncaught」というエラーが発生する場合があります。構文エラー: モジュールの外でインポート ステートメントを使用できません。」このガイドでは、このエラーの解決策を説明します。

問題

このエラーは、milsymbol.js スクリプトが import ステートメントを使用するためにモジュール環境を必要とするために発生します。モジュール環境がないと、ブラウザは構文を認識しません。

解決策

ArcGIS JSAPI プロジェクトでモジュール環境を有効にするには、次の追加によって、milsymbol.js を含むスクリプト タグを変更できます。 type="module" 属性:

<script type="module" src="milsymbol-2.0.0/src/milsymbol.js"></script>

これにより、milsymbol.js のモジュール環境が作成されます。

Node.js/NPM の代替

Node.js/NPM を使用している場合は、package.json ファイルを次のように構成することもできます。モジュール構文を使用します:

{
  // ...
  "type": "module",
  // ...
}

これにより、モジュール構文が全体で有効になります。 project.

使用法

モジュール環境が設定されたら、インポート構文を使用して milsymbol.js から ms オブジェクトを参照できます。

import { ms } from "milsymbol-2.0.0/src/milsymbol.js";

モジュールを操作するときは、require 構文の代わりに import 構文を使用する必要があります。

以上がECMAScript 6 モジュールをインポートするときに「Uncaught SyntaxError: Cannot use importstatementOutside a module」というメッセージが表示されるのはなぜですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。