Javascript 为什么'；somefile.hbs'；不允许使用手柄/胡须在html上显示动态消息？

背景：

• 我正在尝试创建一个聊天应用程序，我需要在HTML页面（前端）上动态呈现消息
• 我用车把
• 但是在后端，我也使用Handlebar作为模板引擎来呈现应用程序的其他页面，因此我必须在get route res.render（'chat'）下保留文件名为chat.hbs和

聊天代码，js

const template=Handlebars.compile(messageTemplate)
const data={
    message:message
}
const html= template(data)

$messages.insertAdjacentHTML('beforeend',html)
})

HTML代码

<script id="message-template" type="text/html">

    <div>
        <p>{{message}} </p>
    </div>
    
    </script>

{{message}}

在我将文件重命名为chat.html并将其位置从视图更改为公共目录之前，这是行不通的

但我必须使用chat.hbs并将此文件保存在视图目录中，因为这是我的应用程序呈现应用程序其他页面的方式，而且此聊天应用程序也是应用程序的一部分。 这有什么转机