Attribute changes in templates not reflecting when using live reloading

[jgw96]

From @aplimovil on March 3, 2017 21:45

Ionic version:
[x] 2.x

I'm submitting a ...
[x] bug report

Current behavior:
When I make a change to an attribute of an element in a template (.html file of a page) using live reloading, the app refreshes and the live reloading is triggered, but when I check the updated page template in the app, the changes are not reflected, almost as if the attributes of the elements of the template are being cached.

Note that if other aspects of the template like structure or added/removed elements do work correctly, it's only attribute changes that aren't being reflected with live reloading.

If I terminate the "ionic serve" process and run it again, then the template is now updated correctly with the attribute changes.

This started happening after I upgraded to the 2.0.1 release from the 2.0.0 version. I just updated to 2.1.0 to check if the bug was fixed but it's not, it's still hapenning.

Expected behavior:
All template changes should be reflected immediately on live reloading.

Steps to reproduce:
Run "ionic serve" with live reloading, make a change to a template, wait for the app to reload (on browser or device), and the change will not be reflected.

Here's a link to a screencast I recorded showing the problem, where I update a template by adding a padding attribute to 2 DIVs so they have padding, but after live reloading no padding is added:
http://quick.as/0vnVcvx16

Ionic info:

Cordova CLI: 6.5.0 
Ionic Framework Version: 2.1.0
Ionic CLI Version: 2.2.1
Ionic App Lib Version: 2.2.0
Ionic App Scripts Version: 1.1.0
ios-deploy version: 1.9.0 
ios-sim version: 5.0.13 
OS: OS X Mavericks
Node Version: v6.2.0
Xcode version: Xcode 6.2 Build version 6C131e

Copied from original issue: ionic-team/ionic-framework#10640

[AbrahamLopez10]

To clarify, this is seems to be happening with all template changes in general, not just attributes.

And I just updated to the latest 1.1.4 version of ionic-app-scripts and this annoying issue is still hapenning.

So at the current state live reloading is 50% useless, as I've to quit ionic serve and run it again from scratch every time I make a template change :(

[shawnlan]

I'm running on Mac/Chrome with ionic-app-scripts 1.1.4. I can confirm the issue as the following:

The changes will show only right after the html templates are modified. If you modify some ts files afterwards, the template changes are gone. So weird.

[yuricamara]

Same here!
Maybe related to #825

[peterpeterparker]

Same here reported on the forum and noticed by a couple of users.

https://forum.ionicframework.com/t/weird-stuffs-with-rebuild

[AbrahamLopez10]

Any news on this guys? This issue is still happening and is slowing down and complicating development to several people now :(

[brettdorrans]

+1

This is happening on 1.1.4 (have not tested other versions).

Is very inconsistent - sometimes it will rebuild using old versions of components, even though the previous build used the latest one!

e.g. if I make a change in File1 and save, this will usually be reflected in the rebuild, but if I then make a change in File2 and save, the changes in File2 will display but an old version of File1 will be included in this build.

This is a very strange issue!

[rashnk]

@brettatoms , same issue here, i love to work with awesome framework - ionic. but this makes development harder, i hope the ionic team will take care of this soon.

[pimol]

Me too; Windows 10.1

S:\IonicProject>ionic info

Your system information:

 ordova CLI: 6.5.0
Ionic CLI Version: 2.2.1
Ionic App Lib Version: 2.2.0
Ionic App Scripts Version: 1.2.2
ios-deploy version: Not installed
ios-sim version: Not installed
OS: Windows 10
Node Version: v6.10.1
Xcode version: Not installed

[pimol]

And more: if I change work directory to test a new project, ionic lab continues to start the old project...

[brettdorrans]

Issue still present in 1.2.2 and 1.2.2-201703281515 (nightly) - reported in #859

Seems to be related to #825

[okonon]

@jgw96 any update on this issue?
I am running in to same issue.

my setup:

Cordova CLI: 6.5.0
Ionic Framework Version: 2.0.0-beta.10
Ionic CLI Version: 2.2.1
Ionic App Lib Version: 2.2.0
ios-deploy version: 1.9.0
ios-sim version: 5.0.13
OS: macOS Sierra
Node Version: v6.9.5
Xcode version: Xcode 8.2.1 Build version 8C1002

[danbucholtz]

This should be fixed in 1.3.1.

Thanks,
Dan