Javascript 如何正确显示my Knockout应用程序的模板元素?

Javascript 如何正确显示my Knockout应用程序的模板元素?,javascript,knockout.js,Javascript,Knockout.js,我已经开始使用Knockout.js,并希望编写一些简单的组件,但我编写的代码没有显示模板的元素。我只看到h1标记中的文本 代码如下: <!DOCTYPE html> <html> <head> <title>Component</title> <script type="text/javascript" src="knockout-3.4.2.js"></script>

我已经开始使用Knockout.js,并希望编写一些简单的组件,但我编写的代码没有显示模板的元素。我只看到h1标记中的文本

代码如下:

<!DOCTYPE html>
<html>
    <head>
        <title>Component</title>
        <script type="text/javascript" src="knockout-3.4.2.js"></script>
    </head>
    <body>
        <h1>Counter starting at 1:</h1>
        <counter params="initialCount: 1"></counter>

        <script type="text/javascript">
            function viewModel(params) {
                const self = this;
                self.count = ko.observable(params.initialCount);
                self.increment = () => self.count(self.count() + 1);
            }
            const template = 
            `<div>
                <span data-bind="text: count"></span>
                <button type="button" data-bind="click: increment">
                        Increment
                </button>
            </div>`;
            ko.components.register('counter', { viewModel, template });
        </script>       

    </body>
</html>
我做错了什么?

尝试添加ko.applyBindings;在脚本的末尾