Ionic Serve实时重新加载无法工作

Question

我刚刚购买了一台新的MacBook，并在我的机器上安装了ionic/cordova，但是“ionic serve”不再实时重新加载HTML更改。具体来说，我看到它正在重新加载，但是重新加载完成后，更改并没有反映出来。奇怪的是，*.ts的更改可以正常重新加载！有什么建议吗？我是一个新手，但每次为了每个小改变而停止/启动服务器让我发疯 - 谢谢！

Ionic Framework: 2.0.0-rc.5
Ionic Native: 2.4.1
Ionic App Scripts: 1.0.1
Angular Core: 2.2.1
Angular Compiler CLI: 2.2.1
Node: 7.5.0
OS Platform: macOS Sierra
Navigator Platform: MacIntel
User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_12_3) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/56.0.2924.87 Safari/537.36

这是我在终端上看到的内容：

[23:10:04]  build started ... 
[23:10:04]  transpile started ... 
[23:10:08]  transpile finished in 3.93 s 
[23:10:08]  webpack update started ... 
[23:10:09]  webpack update finished in 524 ms 
[23:10:09]  build finished in 4.46 s 

- frednikgohar

---

可能是 Ionic serve not working in Ionic 3 的重复问题。 - J743799323686

这不是重复问题。那个问题是关于重新加载未检测到文件更改的，而在这个问题中，重新加载确实检测到了文件更改并重新加载了，但更改没有反映出来。 - Chris Rae

我也遇到了同样的问题 - 每次都不需要重新启动ionic serve，你只需要在刷新完成后在浏览器上点击“刷新”即可（这很烦人，但比重新启动要少烦人）。 - Chris Rae

我建议升级到最新的Ionic版本，3.9.2。我记得在旧版本的Ionic中有这个问题，但是现在已经没有了。https://github.com/ionic-team/ionic/blob/v3/CHANGELOG.md - Alex Steinberg

更新 tsconfig.json 文件。 - Kamruzzaman

Answer 1

开发环境：

• Node - v10.17.0
• Npm - v6.11.3
• Ionic - v5.4.5

我通过以下方式解决了这个问题：

• 更新 Ionic：npm i -g ionic（从5.4.5升级到5.4.6）
• 运行ionic repair

- Nkosinathi Mothoa

---

Ionic修复对我很有帮助。谢谢分享！ - Renato Francia

Answer 2

更新 tsconfig.json 文件

 "compileOnSave": true,
 "compilerOptions": {
    "watch": true,

- Kamruzzaman

Answer 3

早上好，我之前遇到了同样的问题，直到我发现每次更改代码后都要等待加载完毕，如果做多个更改，构建和部署到 ionic serve 的时间将会变得非常缓慢。

总之，我的解决方案是等到最后一刻才检查它是否成功部署到 ionic serve。

- Chrystiam Nascimento Junior

---

这似乎不是我的问题，因为我已经尝试了一些小的更改，但它不会重新加载（或者说重新渲染）HTML更改。然而，它可以完美地重新加载/渲染SCSS或TS的更改！ - frednikgohar

Answer 4

删除 node_module 文件夹， 然后运行：“npm install” 之后尝试“ionic serve”

- Domingos Masta

Answer 5

我通过创建一个新项目并将源代码文件复制到这个新项目中来解决了这个问题。

创建新项目

$ ionic start App5-WishList tabs

运行服务器

$ ionic serve

- Jonathan Mendoza

Answer 6

$ cd ProjectFolder
$ ionic serve

http://ionicframework.com/docs/v2/intro/installation/

- grinmax

---

我不是第一次使用ionic serve - 我的问题是，由于某种原因，在实时重新加载后，HTML文件的更改没有呈现出来。 SCSS和TS的更改可以很好地重新加载/呈现。 有什么想法吗？ - frednikgohar