按钮HTML未显示

Question

我正在创建一个与wcf服务通信的Web应用程序，以从数据库中获取数据。我正在使用knockout js和Visual Studio 2017.

我遇到的问题是，当我按下CTRL + F5（没有调试时启动）时，我的HTML按钮没有显示，而是按下F5（从调试开始）。此外，在调试模式下按下按钮时，它似乎没有到达javascript文件。 （顺便说一下，我是编程新手）

HTML code：

<h1>Welcome to this simple web service.</h1>
<p> Get personal information by inserting your personal number. </p>

<b>Personal Number: </b><span>
    <input data-bind="textInput: PersonalNumber" />
</span>
<button data-bind="click: $root.FindPerson">Find</button>

JavaScript代码：

function ViewModel() {
    this.PersonalNumber = ko.observable();
    this.FindPerson = function (personalnumber) {
        $.ajax({
            type: "GET",
            url: 'Service1.svc/GetData',
            data: ko.toJSON({ personalnumber: this.PersonalNumber }),
            contentType: "application/json; charset=utf-8",
            success: function (result) {
                alert(result.d);
            },
            error: function (err) {
                alert(err.status + " - " + err.statusText);
            }
        });
    };
}

ko.applyBindings(new ViewModel());