不能在模塊外使用 import 語句（Vanilla Javascript）

Question

當我嘗試將 class 從一個 js 文件導入到另一個文件時，出現此錯誤

未捕獲的語法錯誤：無法在模塊外使用 import 語句

當我將 type="module" 添加到我的腳本標簽時，我收到了這個錯誤

CORS 策略已阻止從源“null”訪問“文件鏈接”處的腳本：跨源請求僅支持協議方案：http、數據、鍍鉻、鍍鉻擴展、Z5E056C500A1C4B6A7110B5

有關如何修復錯誤的任何幫助？

Answer 1

這可以通過在我的腳本標簽中添加 type="module" 並從在本地主機上運行的 HTTP 服務器提供我的 web 文件而不是直接打開 html 文件來解決

這些答案很有幫助：

如何在本地主機上運行 html 文件？

Answer 2

首先，您必須在script標簽中包含type="module"屬性。

其次，在使用 import 語句時，不要遺漏文件擴展名，在本例中為.js 。 例如： import { sqrRoot } from "./math_function.js"

Answer 3

只需使用您的 http 服務器運行您的應用程序。 不要直接訪問它。