Zurb foundation 未定义所需JS文件中的函数

我有一个小功能：

   function nullifyLorem(){
         document.getElementById("loremIpsum").innerHTML ="loremNullified"
   }

它来自位于root/assets/js/lib中的文件“custom.js”。 此文件包含在

     require('./lib/custom');

在驻留在root/assets/js中的app.js文件中。 custom.js的导入工作正常，我没有发现任何错误

现在我的登陆页面上有了这个按钮

<button class="button" onclick="nullifyLorem()">ClickMe!</button>

点击我！

在我的身体底部有这个脚本

当我点击它，我得到这个错误

未捕获引用错误：HtmlButtoneElement.onclick上未定义nullifyLorem

---

为什么会这样？我错过了什么？我在几篇文章中读到，当包含自己的JS文件时，这是一种方法…

onClick在函数名可用之前引用了函数名，并且在错误的上下文（全局/窗口）中引用了函数名。 这通常不起作用

在创建DOM元素后，通过使用和附加事件侦听器来使用不引人注目的方式