Failed to execute 'replaceChild' on 'Node': The node to be replaced is not a child of this node about ng-image-appear

[ArunMichaelDsouza]

Hi, apologies for the late reply. Are you still working on it ?

[luchusnet]

Same problem here!

[ArunMichaelDsouza]

@luchusnet which version of AngularJS are you using ?

[ArunMichaelDsouza]

Closing due to inactivity.

[nisharamj]

I have also noticed that the problem @darkterra has mentioned in the title. The cause is it's trying to load the image before image data arrives. You can resolve this by applying a condition to the tag to prevent loading it before the data arrives.

[ArunMichaelDsouza]

@nisharamj, would really appreciate a PR if you have the time!

[nisharamj]

@ArunMichaelDsouza Please note that the fix I have suggested can be applied externally to the HTML tag. I couldn't find a permanent solution to fix this issue in the library.

[Moouren]

Same problem , it would be great if got fixed !

[ArunMichaelDsouza]

Can you please mention the steps to replicate the issue or perhaps share a link to a codepen or jsfiddle example that I can look at.

[Moouren]

when use with ng-repeat have same error in console and a temporary solution is have a extra parent , otherwise main tag lost.
<div class="background-image" ng-repeat="promotion in storeMainCtrl.mainPage.feature_game track by $index" finish-render-init-owl-main-slider=""> <a class="special-main-img-container db" ui-sref="gamepage({gameId:promotion.id,gameName:promotion.name})" ng-click="storeMainCtrl.weTrackUBanner(promotion.id)"> <div class="image-container"> <img class="special-main-img-container_img" src="{{storeMainCtrl.globalVariables.urls.fileUploadUrlX}}/{{promotion.feature_image}}{{storeMainCtrl.globalVariables.imageSizesX.s800}}{{storeMainCtrl.globalVariables.imageQualityX.q80}}" alt="featureImage" ng-image-appear responsive transition-duration="0.5s" animation="fillIn" animation-duration="0.5s" easing="ease-out" bg-color="#191B26" no-loader ng-attr-title="{{promotion.name}}"> </div>
this is my code.
i use it in different situations and have the same error.

[morteza-gho]

Use ng-if for parent:

 <div ng-if="condition">
      <img ng-src="imgPath" ng-image-appear>
 </div>