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重建之前再次服務。