Javascript 当我尝试type=“module”时，会出现此错误（未捕获引用错误：未定义loadFoods）

当我使用type=application/javascript时，一切都正常

<script type="module"  src="./assets/scripts/homepage.js></script>
<script>
   loadFoods()
</script>     

---

模块内的变量的作用域是这些模块

它们不是为了创建全局变量而设计的，尽管有很多方法可以实现这一点

元素应该是程序的入口点，而不是加载依赖项的方法。这就是进口的目的

您的方法应该更符合以下原则：

<script type="module">
    import {loadFoods} from "./assets/scripts/homepage.js";
    loadFoods();
</script>

显然，主页模块需要显式导出loadFoods函数