The image width renditions functionality of the image core component breaks when using with Vue.js
The error says as follows
Uncaught TypeError: Cannot read property 'removeAttribute' of null
at unwrapNoScript (clientlib-base.js:1877)
at init (clientlib-base.js:1797)
at new Image (clientlib-base.js:2000)
at HTMLDocument.onDocumentReady (clientlib-base.js:2007)
Tracing down the problem I found that the Vue.js is changing the HTML of the nonscript tag generated by the image core component, stripping off the white spaces that the component generates. When the clientlib of the image core component tries to get the generated tag image, it uses the textContent of the element as follows that._elements.noscript.textContent.trim() , but it retrieves and empty text instead of the text with the image tag, because Vue had previously removed the white spaces. This causes the clientlib to break here.