LR 7.1 SPA portlet - avoid script reloadLR 7.1 SPA portlet - avoid script reloadhttps://liferay.dev/c/message_boards/find_thread?p_l_id=119785294&threadId=1116410802026-04-03T19:00:33Z2026-04-03T19:00:33ZRE: LR 7.1 SPA portlet - avoid script reloadCharalampos Chrysikopouloshttps://liferay.dev/c/message_boards/find_message?p_l_id=119785294&messageId=1139685662019-06-12T13:41:13Z2019-06-12T13:41:13ZHi, I have seen the same problem. We have a portlet (that is migrated from 6.2) and it has a js include in its liferay-portlet.xml. The portlet is placed on a page and it works well.If we reload the page from the browser, then everything stays ok. <br />But, if we load the same page from the navigation menu, then the same js resource seems to be load two times. This can be proven, by opening the network tab in the browser inspector and search for the js file.Every load we make from the navigation (which doesn't trigger a page reload) adds a new instance of the js resource in the page. This problem disappears if we deactivate senna.js from the portal. By adding <single-page-application>false</single-page-application> in the liferay-portlet.xml the problem isn't solved.If anybody has an idea, place share it with us.Thanks in advance,HarryCharalampos Chrysikopoulos2019-06-12T13:41:13ZLR 7.1 SPA portlet - avoid script reloadChris Friedlhttps://liferay.dev/c/message_boards/find_message?p_l_id=119785294&messageId=1116410792018-11-22T16:34:13Z2018-11-22T16:34:13Z<html><head></head><body><p>Hi,</p>
<p> </p>
<p>I have a custom portlet - using javascript - embedded in the footer
of my LR theme.</p>
<p> </p>
<p>When SPA is enabled, everytime I navigate to a page in LR, the whole
DOM is thrown away and built again - including the loading of my
included JS files.. This causes me trouble because I am using
"const" fields. When navigation is done, the JS files are
loaded and want to create the "const" fields again ->
this results in an error because the old const was not removed before.
Only the DOM ist built newly - not the JS context.</p>
<p> </p>
<p>According to the LR documentation there is a senna.js attribute which
should avoid the reloading of JS resources:</p>
<pre>
<code>&lt;script src="myscript.js" data-senna-track="permanent" /&gt;</code></pre>
<p>Unfortunately, this does not work at all on my LR Portal. The
resources marked with the attribute above still get loaded again. </p>
<p>I include my JS resources in the view.jsp of my portlet.</p>
<p>As I mentioned before: the portlet is embedded in the footer of my theme.</p>
<p> </p>
<p>Has anyone experience with preventing loading JS on navigation?</p>
<p>The use of "const" is not my only concern ... there are
other problems also which come with multiple loading of my used JS libraries. </p>
<p> </p>
<p>Thank you</p>
<p>Chris</p></body></html>Chris Friedl2018-11-22T16:34:13Z