Page Flow In Layout Not Calling JS Function

I have this code in my layout page. I have a page flow calling a javascript function directly below it. Why doesn't it work?

<body is="dmx-app" id="fanlayout">
  <div is="dmx-view" id="content">
    <%- await include(content, locals); %>
  </div>
  <script src="/bootstrap/5/js/bootstrap.bundle.min.js"></script>
  <!--script src="/js/fan-interactive.js"></script-->

  <script is="dmx-flow" id="flowinitpage" type="text/dmx-flow" autorun="true">{
  runJS: {name: "initPage", outputType: "text", function: "initializePage()"}
}</script>

  <script>
    function initializePage() {
	// DEBUG: Confirming that the main initialization function is called by the Page Flow.
	console.log("initializePage() has been called.");
}
  </script>

</body>

Ultimately, I want to run the page flow on page ready, but I can't even get this simple task working :frowning:

What about on flow: initializePage without ()?

LOL. Genius.

I've gotten so used to using the static events like onclick="myFunction()" which requires the (), that I never even tried without ().