SAP Cloud Foundry Launchpad Application Component JS is missing

[DebashishDas]

Hi SAP Gurus,

From Past couple of days i was trying to create Fiori app using fiori elements in SAP Business application Studio.

App was created and deployed in cloud foundry successfully. App is working fine from business studio, but from launchpad it is not opening. error was component,js is missing. i was searching for solution but did not find any. Please go though the screenshots.

This is my app structure in Business studio -

App Tile is visible in Content manager -

capture-2.png

capture-3.png

capture-4.png

[former_member631508]

Hello yuval.morad, I am having exactly the same problem, and as a result my client is about to abandon the Launchpad Service, so it would be great to have your help. I have attached all of the requested files.

I believe I have found the problem, but have no idea how to explain or fix it. In the -- anonymized -- Launchpad logs you seen below, I notice that the URL sometimes has a hyphen in the URL shown below in the red square, and sometimes not ?

When I see the Network error saying that Component.js Not Found and I open the address in a new Tab, if I force in the hypen (as per the examples in green below), then it finds the File !!!

Please Help ? Is this possibly a BTP CF Bug ?

Cameron

componentjs.txt

manifestjson.txt

mtayaml.txt

packagejson.txt

ui5yaml.txt

xs-appjson.txt

mtayaml.txt

manifestjson.txt

ui5yaml.txt

packagejson.txt

componentjs.txt

xs-appjson.txt

[gregorw]

Hi Cameron,

what's about sharing a sample project via a public Git server and raising also an incident via SAP Support.

Best Regards
Gregor

[former_member631508]

Hello gregorw, I uploaded these files because yuval.morad asked for them. Perhaps he shouldn't have ?

2) I did raise an Incident, and the reponse was to perform a test by removing the Dot from the Service Name: as though removing a Dot adds a hyphen!? I stopped with SAP 'Support' and reached out to the forums.

3) The problem was -- after working backwards, alone -- that I had replaced a Hyphen with a Dot in the Service Name. Why on Earth would I do that? Great question. Because (the OpenSource MS Visual Studio Code recently repacked as) 'SAP Business Application Studio' told me to (see Screenshot)! Do you have any idea how much time "SAP's" product has cost me and my client? Days...

4) "what's about sharing a sample project via a public Git server"?
It seems to me that the reason my client pays so much for support from SAP is not so that they can subsequently pay their consultants to create public Git projects -- as though SAP is some sort of OpenSource community -- but because they expect SAP to provide them with the support for "their" products in a timely fashion? We never received any useful help.

5) On top of those lost days, 'SAP Business Application Studio' is close to unuseable. If you wish to Preview your Application, you encounter very often the error shown in the 2nd attachment. The only choice you have is to restart from scratch in Private Mode -- losing where you are. Still far better than the other users on the forums who suggested (for the same error) the only solution they had found is to completely delete their Development Space and to start again!!! I will instead be switching to MS Visual Studio Code installed locally, as there are clearly major VM issues happening...

In 20 years of developing with SAP -- starting with R/2 -- I have never seen so much complexity (far more than Neo, though I have no idea what has been won by making the change), or lost so much time, as I have in the last 8 weks with Cloud Foundry. And all of that so that backoffice IT teams (which typically have a very low skill level) can develop Microservices, years after Uber started to abadon them, right? Personally, I have never met a backoffice IT team that can even define the concept of Microservices......

[gregorw]

Dear Cameron,

I can feel your pain. And having worked with SAP I also sometimes think if this new environments make us more productive. With CAP and Fiori Elements I think yes. But it's a steep learning curve. I had the luck to be involved in projects that used such technologies and learn on the way. I've used the Tutorials provided from the SAP Developer Advocates. In your case I suggest to work through the Missions for SAP BTP Launchpad service. For in deep step by step learning and exploration you should check out the livestream of dj.adams.sap.

Bringing everything to work in the CF Environment is challenging. Not the simple HTML5 App known from Neo where you just configured your neo-app.json and you where ready. You have to handle mta.yaml, approuter, managed approuter, HTML5 repository, XSUAA, destination and connectivity service. And the issue from this post is a very common one and asked also yesterday: MTA - CAP Service not found in Fiori app after deployment. I sometimes think that all the wizards provided increase the problem because you don't get to understand the nuts and bolts.

Regarding the public Git repository I have a very good experience with my bookshop-demo. For every issue I face with CAP or Fiori Elements I create an example that can be easily replicated by SAP support. That way I also built my own sample repository from which I can benefit in many projects.

Hope that the BAS team can jump in regarding the issues you face with BAS. I'm also a happy user of VS Code. And it's great to see that the Fiori Elements and CAP Team provide VS Code plugins.

CU
Gregor

[qmacro]

Thanks, that's very kind, gregorw . debashish007 there's a live stream playlist linked from this post that describes the different shows here: https://blogs.sap.com/2020/11/09/an-overview-of-sap-developers-video-content/#shows

[yuval_morad · Accepted solution]

try to use relative and not absolute url for your datasource

go to manifest and remove leading slash

"mainService": { "uri": "/sap/opu/odata/iwbep/GWSAMPLE_BASIC/",

"mainService": { "uri": sap/opu/odata/iwbep/GWSAMPLE_BASIC/",

[DebashishDas · Accepted solution]

It Works fine.

[yuval_morad]

Hi Cameron

I see a mismatch between MTA.yaml and manifest.json with regard to sap.cloud.service

sap.cloud.service: gCLIENt-zsdsalesordermanage

"service": "gCLIENt.zsdsalesordermanage"

I am not aware of a "dot" restriction in the service name but there should be a match otherwise the UI can not be found by managed approuter. The match should be done automatically by the wizard if not done

I can send it to the fiori team to improve the wizard.

Let's have a short call next week, I would like to help you to fix what's left yuval.morad@sap.com

[mhdsamsu]

You saved me.

[monicaraj13]

Hi debashish007,
Do you remember how this issue got resolved?

[yuval_morad]

Please share:

MTA.yaml

project structure

manifest.json

xs-app.json

package.json UI

UI5.yaml

[DebashishDas]

Hi Yuval,

manifest.txt

mta.txt

mta.txt

manifest.txt

[DebashishDas]

package.txt

ui5.txt

ui5.txt

package.txt

[DebashishDas]

xs-app.txt

xs-app.txt

[DebashishDas]

Project Structure

capture-5.png

[gregorw]

Please read through and try Deploying a CAP based Fiori app to a central Launchpad