Fiori Adaption Project Preview error

Your task is to adapt a standard Fiori app. You want to use BAS for this, although this is now also possible in VS Code. For the problem and solution presented here, this does not make a difference. After going through the wizard to create the adaption project, you open the preview.

The application preview will start and open the preview in a new tab.

Unfortunately, what you get is an error message.

The preview does not work, as the app cannot be opened. The cause of the error is shown in the message: “#adaptationproject-display” cannot be loaded. What makes this error interesting – and solvable – is that it is a Fiori Launchpad error. The console shows more details about the error. Including also the root cause of the error.

The issue is most likely caused by application cd.commodity.orderfill.mans1. The intent #adaptationproject-display cannot be opened because the app failed to load resources from the backend: cd/commodity/cmmordfll_mans1/Component.js

To reproduce the error it is sufficient to open the file in a new tab.

https://port8005-workspaces-ws-.eu10.applicationstudio.cloud.sap/sap/bc/ui5_ui5/sap/cmmordfll_mans1/Component.js

The user cannot access the SAP Fiori app. As an adaption project is using the Fiori app as the base and overwrites it with the custom files, access to the Fiori app to-be adjusted must work.

Root cause: Service not active

Looking at ICF, it is clear that the error is caused because the app is not active. Therefore, any call to the URL resolves in an error.

Solution: activate the app

In transaction SICF, activate the node of the app.

Result

After activating the app, the call to the file works without an error.

https://port8005-workspaces-ws.eu10.applicationstudio.cloud.sap/sap/bc/ui5_ui5/sap/cmmordfll_mans1/Component.js

The app preview should now work. If not, check if the OData service for the standard app is working. See my blog: Fiori Adaption Project Preview error – missing OData Service for more information.