Rails 7视图中自定义JS无法调用的问题求助

在 Rails 7 项目中添加自定义 JS，按指引操作后仍无法在视图中使用自定义函数。点击按钮触发函数时，控制台抛出如下错误：

Uncaught ReferenceError: sayHi is not defined

相关代码 #

main.js 内容 #

function sayHi() {
    console.log("hi");
}

window.sayHi = sayHi;

视图文件（index.html.erb）内容 #

<div>
  <button type="button" onclick="sayHi()">Click Me!</button>
</div>

内容的提问来源于stack exchange，提问作者Slaknation