我最近开始学习 JS，我正在尝试将函数从模块脚本导出到我的主“index.js”脚本。但我收到“未捕获的语法错误：无法在模块外部使用导入语句（位于index.js：1：1）”错误。
有人可以帮我吗？
我尝试过使用 type = module。我不确定我做错了什么。我尝试在 Chrome 和 Edge 中运行代码，同样的错误。
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<script src="./shoppingCart.js" type="module"></script>
<script defer src="./index.js"></script>
<title>Modern JavaScript Development: Modules and Tooling</title>
</head>
<body>
<h1>Modern JavaScript Development: Modules and Tooling</h1>
</body>
</html>
index.js
import * as shoppingCart from "./shoppingCart.js";
shoppingCart.addToCart("iPhone", 1);
shoppingCart.js
export const addToCart = function (product, quantity) {
console.log(`${quantity} ${product} added to the cart.`);
};
您只能在 ES 模块内使用
import由于您在
importindex.jsshoppingCart.js因此，您需要将
type="modulesrc