Handlebars.compile 在页面中不起作用但是，从控制台工作

如何解决Handlebars.compile 在页面中不起作用但是，从控制台工作

// 我在 html 页面中有以下代码。我正在尝试学习 Handlebars.compile 函数。

<script src="https://cdnjs.cloudflare.com/ajax/libs/handlebars.js/4.7.7/handlebars.min.js">
</script>
    
<script>
    // compile the template
  let template = Handlebars.compile("Hello {{message}}");
  // execute the compiled template and print the output to the console
  console.log(template({ message: "My friend" }));
</script>

//this outputs in console as - Hello
//But when I test this from console for the same page,like for example

let template2 = Handlebars.compile("Hello {{message}}");
console.log(template2({ message: "My friend" }));
//It outputs - Hello My friend

//I am wondering why same is not working from the page.