I’m currently experiencing a bug with my bubble application.
It seems that extra script tags exist on my pages, and I can’t see where they are imported…
I’ve created a new blank page, nothing inside. I when I’m doing the rendering, I can see the following script import:
I really can’t see where this Highcharts and Chartjs are defined.
There is nothing in the system settings, no custom scripts/meta tags.
Do someone have experienced the same issue? It’s breaking some of my pages because of chartjs being imported 2 times with different versions.
Could it be because of a plugin? However, plugins inject scripts when they are added to a page?
You should ask plugin author to not add shared headers if this is not needed and can be added to element instead. When plugin use shared header, this will inject header everywhere in the app. But when you use header in element, this will only add headers when element is added to a page
I’ve found a dirty way to resolve the conflicts with my javascript imports while waiting for the developer’s feedback.
Between the shared header, global headers, custom HTML, you have plenty of ways to import libraries on your page.
And in your HTML page, the last library import will take precedence over the old one: if your import highcharts.js@1.0, then highcharts.js@2.0, the highcharts.js available in your javascript is version 2.0.
What I’ve done to solve my conflict problem is adding an HTML element on the page to re-import the libraries I need.
The HTML element is processed after the custom headers, so I can control my library versions.
