如何在浏览器中使用 ES 模块？
这是我的文件夹结构：
这些是我的文件：
/* index.html */
<body>
<h1>Modules</h1>
<script type="module" src="./index.js"></script>
</body>
// index.js
import fruits from "./fruits";
console.log(fruits);
// fruits.js
const arr = ["Mango", "Appple", "Banana", "Guava"];
export default arr;
对我来说一切看起来都很好，但我仍然收到错误：net::ERR_ABORTED 404 (Not Found)。
DIEA浏览 211回答 2
2回答
-
缥缈止盈
浏览器没有 Node.js 风格的模块解析。您必须指定模块的确切 URL。import fruits from "./fruits.js";并删除这个：<script type="module" src="./fruits.js"></script>……它没有任何作用。仅当您将其导入其他地方时它才有用。 -
Qyouu
尝试从“./fruits.js”导入水果；而不是从“./fruits”导入水果；
随时随地看视频慕课网APP
相关分类
JavaScript