为什么我会收到一个引用错误，表明我的函数未定义？

Answer 1

导致此错误的原因是模块捆绑器和 ES6 导入/导出系统的工作方式。

app

中定义的函数在全局范围内不可访问。通过将

App.js

作为模块包含在 HTML 文件中并在 JavaScript 中设置事件侦听器，您可以完成此操作。您还应该删除 HTML 中的

App.js

。在

onclick

中，脚本标签应该像follow，

index.html

那么

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

应该如下

input

然后在

<input type="button" id='button' value="Add task">

中，您将导出应用程序并在页面加载后设置事件侦听器：

App.js