ionic 运行 浏览器 --livereload 不工作

ionic run browser --livereload not working

我试图在我的 ionic 2 应用程序上使用实时重新加载。所以我找到了这个命令

ionic run browser --live-reload

没有按预期工作,在更改代码时我收到控制台消息

[16:12:47]  build started ...
[16:12:47]  transpile update started ...
[16:12:47]  transpile update finished in 46 ms
[16:12:47]  deeplinks update started ...
[16:12:47]  deeplinks update finished in 248 ms
[16:12:47]  webpack update started ...

但是页面没有重新加载

使用此命令浏览器将自动重新加载。

ionic serve

如果你想运行在浏览器中使用不同平台的应用程序你可以使用这个命令:

ionic serve -l

这两个命令都会在代码更改时自动重新加载页面

我在 github 页面上找到了解决方案

include a script in the package.json file

"browser": "ionic-app-scripts serve --sourceMap source-map --iscordovaserve --wwwDir platforms/browser/www/ --buildDir platforms/browser/www/build"

和运行

npm run browser

当您 运行 命令 ionic cordova run browser --livereload 时,您将在 CLI 中看到如下内容:

[19:39:00]  dev server running: http://localhost:8100/ 

[INFO] Development server running
       Local: http://localhost:8100
       External: http://192.168.0.51:8100

只打开http://192.168.0.51:8100 or http://localhost:8100 and your live reload will work on that address. Your browser might have opened in http://localhost:8000而不是8100

首先,如果有人需要这个答案,该命令在更高版本中已重命名为

ionic cordova run browser

其次,当您运行此命令时,不支持--livereload标志。 this issue explains more

Try This

ionic cordova run browser --livereload  --consolelogs --serverlogs
"serve": "npx ionic serve --cordova --platform browser"