Question Re: Component-Preload File Problem in Technology Q&A

Component-Preload File Problem

Former Member — Mon, 04 Jan 2016 09:00:55 GMT

Hi,

I am currently trying to improve the performance of my app by loading a Component-preload file. I am following a similar method as in this post

When I started working on my app, I removed the "cannot load Component-preload file" error by inserting the data-sap-ui-preload="" line in my index.html file. The problem that I am facing now is that I cannot get back to the state where it complains about not finding the preload file. I removed the data-sap-ui-preload="" line from my index file, yet the GET request for the preload file is still missing. While inspecting my network tab in chrome, I can see that it does load library-preload files, but the component-preload GET request is nowhere to be found.

Is there something else that I forgot about to enable the loading of a component-preload file? Just to clarify, Generating a Component-preload file is not my current problem, the problem is I want my app to complain about the missing preload file again. I know this seems weird, but once it complains, I can give it my preload file and take it from there.

I am running SAPUI5 v1.28

Regards

Albert Volschenk

Re: Component-Preload File Problem

OliverMerk — Mon, 04 Jan 2016 12:50:57 GMT

Hey,

maybe data-sap-ui-preload="sync" helps?

Regards

Oliver

Re: Component-Preload File Problem

Former Member — Mon, 04 Jan 2016 13:33:17 GMT

Hi,

Thanks for the reply, but unfortunately it does not solve the problem. The weird thing is that it does load preload files (the library-preload files), it just doesn't make a request for the Component's preload file, as if it is told to specifically ignore it.

Regards

Re: Component-Preload File Problem

Former Member — Tue, 05 Jan 2016 04:19:33 GMT

Maybe the browser cache the old code you wrote. Please clear the cache ans history and try again.

regards

Re: Component-Preload File Problem

Abdul_Waheed — Tue, 05 Jan 2016 05:28:45 GMT

Can you try adding sap-ui-core-all.js in your bootstrap instead of sap-ui-core.js?

Re: Component-Preload File Problem

Former Member — Tue, 05 Jan 2016 06:38:14 GMT

Hi,

Thanks for the reply, I'm opening a new incognito window every time I test it, I also did a clean refresh but it still only loads the library-preload files.

Regards

Re: Component-Preload File Problem

Former Member — Tue, 05 Jan 2016 06:39:41 GMT

Hi,

Thanks for the reply, unfortunately changing it to sap-ui-core-all.js did not change anything about the preloading files.

Regards

Re: Component-Preload File Problem

Abdul_Waheed — Tue, 05 Jan 2016 06:44:23 GMT

Component-preload.js is called by core.

Did you made any changes in local installation ?

Re: Component-Preload File Problem

Former Member — Tue, 05 Jan 2016 06:59:27 GMT

Just to give some idea of what my code looks like:

in my index.html I have:



<head>     
     <script id="sap-ui-bootstrap"
          src="resources/sap-ui-core.js"
          data-sap-ui-libs="sap.m, sap.ui.unified"
          data-sap-ui-theme="sap_bluecrystal"
          data-sap-ui-xx-bindingSyntax="complex"
          data-sap-ui-resourceroots='{"myNamespace":"./"}'
          data-sap-ui-preload="sync">

In chrome I get the follwing:

I created a test project a while back, and it seems to be working correctly there. The bootstrap:


<script id="sap-ui-bootstrap"
     src="resources/sap-ui-core.js"
     data-sap-ui-libs="sap.m"
     data-sap-ui-xx-bindingSyntax="complex"
     data-sap-ui-resourceroots='{"myNamespace": "./"}'>

it gives the following output:

So I know I can generate and load a correct Component-preload file, its just in my main project it doesn't even try to load it.

I can't seem to find the difference between the project's bootloaders (removing the preload="sync" in my main project doesn't do anything), please let me know if I should supply any particular code in my project.

Regards

Re: Component-Preload File Problem

Former Member — Tue, 05 Jan 2016 07:19:45 GMT

Hi,

I have switched from eclipse to IntelliJ using a Tomcat server, But after switching back to eclipse which uses the same libraries as the one that works, it Still does not even try to load the component's preload file.

Regards

Re: Component-Preload File Problem

Abdul_Waheed — Tue, 05 Jan 2016 07:22:55 GMT

did it load component-preload in intelliJ ?

Re: Component-Preload File Problem

Former Member — Tue, 05 Jan 2016 07:41:58 GMT

Hi,

I primarily work in IntelliJ, and it did not load the component-preload file there. So I quickly switched back to eclipse just to test if it works there (which it didn't ).

Do you think it might be something to do with my proxy setup in my component file? It seems to be the only main difference between my apps that load the preload file and the apps that don't.

Regrads

Re: Component-Preload File Problem

Abdul_Waheed — Tue, 05 Jan 2016 07:49:04 GMT

1. May be. Set proxy in eclipse and try.

2. Also, try running using eclipse web app preview instead of tomcat.

Re: Component-Preload File Problem

Former Member — Tue, 05 Jan 2016 08:22:12 GMT

Hi,

1) I'm a bit confused on how I should setup a proxy in eclipse? I currently have the following in my web.xml:

then I just run my app as a web App in eclipse (in IntelliJ I run it on my Tomcat server). Is there a different method of setting up a proxy to work with ui5?

2) Yea, when I'm testing in Eclipse I run it as a webApp and when I'm working in intelliJ I run it on Tomcat. I moved an app, that loads the preload file correctly, from eclipse to IntelliJ and it worked on both. So I don't think its a problem with my setup (since the working app works on both platforms), I think its something in my Application settings itself. I forgot that I created the base of my app (that doesn't work) in the web IDE, so I'm currently exploring the possibility that the web IDE may have disabled component-preloadng...

Regards

Re: Component-Preload File Problem

Former Member — Tue, 05 Jan 2016 09:31:29 GMT

Hi, I found the solution. Thank you for helping me. Check the "marked as correct" answer for what the problem was.

Basically 1 line of hidden code caused all my problems...

Re: Component-Preload File Problem

Abdul_Waheed — Tue, 05 Jan 2016 09:34:43 GMT

Glad you found the sollution

Re: Component-Preload File Problem

Former Member — Tue, 05 Jan 2016 09:35:31 GMT

HI,

I've found my problem. In my index.html file where I created my app's shell, There was a stray line of code which included the Component file. I guess it altered the way in which the component file loads the preload files.

Lessons learnt:

jQuery.sap.require("myNamespace.Component"); Should NOT be in your index.html file

Thanks for everyone that tried to help

Regards