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

Question

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

现象的描述：

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

的单页

{{text}}

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

输出显然是hola。

然后，我可以将.html更改为

Hello World!

或.ts中的文本字段至" mundo"

由于ionic serve在后台运行，因此在保存代码中的更改后，我会看到浏览器更新。

但是，它总是更新为同一旧的hola。

我刷新，保存，更改多少次都没关系。我什至可以删除.html和.ts文件的所有内容，并且浏览器仍然会显示旧状态。

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

• 从Chrome清除缓存

• 重新启动ionic serve

• 再次保存所有文件

• 刷新浏览器。

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

有什么建议？

---

我运行Windows 10，这既是在Chrome和Firefox中都发生的。

我的软件包：

{
  "name": "saperli",
  "version": "0.0.1",
  "author": "Ionic Framework",
  "homepage": "http://ionicframework.com/",
  "private": true,
  "scripts": {
    "clean": "ionic-app-scripts clean",
    "build": "ionic-app-scripts build",
    "lint": "ionic-app-scripts lint",
    "ionic:build": "ionic-app-scripts build",
    "ionic:serve": "ionic-app-scripts serve"
  },
  "dependencies": {
    "@angular/common": "4.1.2",
    "@angular/compiler": "4.1.2",
    "@angular/compiler-cli": "4.1.2",
    "@angular/core": "4.1.2",
    "@angular/forms": "4.1.2",
    "@angular/http": "4.1.2",
    "@angular/platform-browser": "4.1.2",
    "@angular/platform-browser-dynamic": "4.1.2",
    "@ionic-native/core": "3.10.2",
    "@ionic-native/splash-screen": "3.10.2",
    "@ionic-native/status-bar": "3.10.2",
    "@ionic/storage": "2.0.1",
    "ionic-angular": "3.3.0",
    "ionicons": "3.0.0",
    "rxjs": "5.1.1",
    "sw-toolbox": "3.6.0",
    "zone.js": "0.8.11"
  },
  "devDependencies": {
    "@ionic/app-scripts": "1.3.7",
    "@ionic/cli-plugin-ionic-angular": "1.3.0",
    "typescript": "2.3.3"
  },
  "description": "An Ionic project"
}

Answer 1

这发生在我身上，我不得不切换到使用Google Chrome Icognito模式。JavaScript的缓存似乎在开发中搞砸了。

Answer 2

首先在项目文件夹中运行npm run clean进行清洁，然后再进行npm run build进行重建。