Javascript 如何在Chrome中使用JS中的模块？

这是我的文件夹结构

这些是我的档案

index.html

水果

我觉得一切都很好，但我还是犯了这个错误，为什么？

---

net:：ERR\u中止404（未找到）

我使用的是VSCode Live Server。

浏览器没有Node.js样式的模块解析。您必须指定模块的确切URL

import fruits from "./fruits.js";

---

并删除此项：

…它什么都没做。只有当您将其导入其他地方时，它才有用。

试试看 从“/fruits.js”导入水果

而不是 从“/水果”进口水果

import fruits from "./fruits";

console.log(fruits);

const arr = ["Mango", "Appple", "Banana", "Guava"];

export default arr;

import fruits from "./fruits.js";

<script type="module" src="./fruits.js"></script>