Question

我正在启动一个ionic2项目，并且看到代码中的更改反映到浏览器时遇到了麻烦。

现象描述：

在某些时候，我看到了我希望在浏览器中看到的所有内容。例如，.html为

的单个页面

@{
    Layout = null;
}

<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>Index2005</title>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
    <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <script type="text/javascript">
        $(function () {
            $(".btn").click(function () {
                emaillist_update2()
            })

            function emaillist_update2() {
                alert("ap");
                var url = window.location.pathname;
                //var id = url.substring(url.lastIndexOf('/') + 1);
                var id = "you can compute the id";

                $.ajax({
                    //modified the url for my use
                    url: '/Home/Index2005',
                    type: 'POST',
                    dataType: 'json',
                    data: { ID: id },
                    success: function (result) {
                        $("#detail").append(result.Greeting);
                    },
                    error: function (result) {
                        alert('Error');
                    }
                });
            }

        })
    </script>
</head>
<body>
    <button style="margin-bottom: 20px;" class="btn  btn-default" data-toggle="modal" data-target="#myModal">Описание вакансии</button>
    <div class="modal fade" id="myModal" role="dialog" data-backdrop="false">
        <div class="modal-dialog">
            <!-- Modal content-->
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal">&times;</button>
                    <h4 class="modal-title">Описание</h4>
                </div>
                <div class="modal-body">
                    @*put partial class in views share*@
                    @Html.Partial("_Info")
                </div>
            </div>

        </div>
    </div>
</body>
</html>

和.ts中的文本字段包含“hola”。

输出显然是{{text}}。

然后，我要么将.html改为

hola

或.ts中的文本字段为“mundo”

由于Hello World!在后台运行，我在代码中保存更改后会看到浏览器自动更新。

但是，它始终更新为相同的旧ionic serve。

无论刷新，保存，更改多少次都无关紧要。我甚至可以删除.html和.ts文件的所有内容，但浏览器仍会显示旧状态。

我尝试过的不起作用的事情：

从chrome清除缓存
重新启动hola
再次保存所有文件
刷新浏览器。

这样的工作非常令人沮丧，因为这个问题来来往往，我没有明确的方法来绕过它。

有什么建议吗？

我运行Windows 10，这在chrome和firefox中都会发生。

我的package.json：

ionic serve

Answer 1

这件事发生在我身上，我不得不转而使用Google Chrome Icognito模式。 javascript的缓存似乎在开发中搞砸了。

Answer 2

首先在项目文件夹npm run clean中运行以执行清理，然后npm run build进行重建，然后再次投放。

离子2服务忽略了html的变化

2 个答案: