簡體   English   中英

ionic 2服務忽略html中的更改

[英]ionic 2 serve ignores changes in html

我正在啟動ionic2項目,並遇到代碼更改反映到瀏覽器的麻煩。

現象描述:

在某個時候,我看到了我希望在瀏覽器中看到的所有內容。 例如,單個頁面的.html是

{{text}}

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

輸出顯然是hola

然后,我可以將.html更改為

Hello World!

或將.ts中的文本字段“撤消”

由於ionic serve在后台運行,因此我將代碼保存更改后,瀏覽器會自動更新。

但是,它總是更新為相同的舊hola

刷新,保存,更改多少次都無所謂。 我什至可以刪除.html和.ts文件的所有內容,但瀏覽器仍會顯示舊狀態。

我嘗試過的不起作用的事情:

  • 從Chrome清除緩存

  • 重新啟動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"
}

這發生在我身上,我不得不切換到使用Google Chrome Icognito模式。 javascript的緩存似乎在開發中搞砸了。

首先在項目文件夾中npm run clean以進行清理,然后再npm run build進行重建,然后再次提供服務。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM