首頁 >web前端 >js教程 >為什麼在導入 ECMAScript 6 模組時出現「Uncaught SyntaxError:無法在模組外使用 import 語句」?

為什麼在導入 ECMAScript 6 模組時出現「Uncaught SyntaxError:無法在模組外使用 import 語句」?

Barbara Streisand
Barbara Streisand原創
2024-12-18 18:02:11394瀏覽

Why Do I Get

導入ECMAScript 6 時「未捕獲的語法錯誤:無法在模組外使用import 語句」

概述

嘗試模組導入ECMAScript 6 6 milmilsym時.js 匯入ArcGIS JSAPI 專案時,您可能會遇到錯誤「Uncaught SyntaxError: Cannot use import statements在模組之外。

問題

發生錯誤的原因是 milsymbol.js 腳本需要模組環境才能使用 import 語句。如果沒有模組環境,瀏覽器將無法辨識語法。

解決方案

要在ArcGIS JSAPI 專案中啟用模組環境,可以修改包含milsymbol.js 的腳本標籤,新增type="module" 屬性:

這將為milsymbol.js腳本建立一個模組環境,允許其使用導入

Node.js/NPM 的替代方案

如果您使用Node.js/NPM,您也可以配置package.json 檔案以使用模組語法:

這將在您的整個過程中啟用模組語法

使用

配置好模組環境後,您可以使用import 語法從milsymbol.js 引用ms 物件:

注意,您使用模組時需要使用import 語法而不是require 語法。

以上是為什麼在導入 ECMAScript 6 模組時出現「Uncaught SyntaxError:無法在模組外使用 import 語句」?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn