不能在模块外使用 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 服务器运行您的应用程序。 不要直接访问它。