ionic 2 serve忽略html中的更改

Question

我正在启动一个ionic2项目，并且遇到代码更改反映到浏览器时遇到问题。现象

说明：

在某些时候，我看到的是我期望在浏览器中看到。例如，单个页面的.html为

{{text}} 

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

输出明显是hola。

然后，我要么可以改变的.html到

Hello World! 

或者文本字段中的.ts为“蒙多”

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

但是，它总是更新到相同的旧hola。

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

事情我想不工作：

• 清除缓存从铬

• 重启ionic serve

• 保存任何及所有文件再

• 刷新浏览器。

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

有什么建议吗？

---

我运行的是windows 10，而且这种情况发生在Chrome和Firefox中。

我的package.json：

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

这发生在我身上，我不得不转而使用谷歌浏览器Icognito模式。 JavaScript的缓存似乎在开发中搞砸了。

Answer 2

首先运行在您的项目文件夹npm run clean做一个干净的然后npm run build重建之前再次服务。