Javascript 按钮HTML不显示

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

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

HTML代码：

<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>

---

我使用了以下引用，但由于某些原因没有出现在文章中：这似乎是VisualStudio的问题，而不是您的代码。但是，当按钮没有显示时，您可以检查浏览器控制台是否有任何错误吗

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());