Adaptation Project Generator for VS Code - Adaptation Editor can not be opened

[uifivvy]

Hello experts,

I have tried out the new Adaptation Project Generator for Visual Studio Code an managed to generate an adaptation project for the application "Purchase Order" (F0348A).

But when I try to open the adaptation editor, an error is displayed:

Should the adaptation-editor.html be located in the webapp folder? Because this is not the case for my generated adaptation app.

Thanks in advance 🙂

Julia

[zdravko_georgiev]

Hi Julia, could you please

[zdravko_georgiev · Accepted solution]

Hi Julia, are you behind a corporate proxy by any chance? Unfortunately the error message doesn't reveal much...We will work on improving this. Would it be possible for you to create an official support ticket for SAP? If not, you can the following on your side to debug the issue:

1. Navigate to /node_modules/@sap-ux/axios-extension/dist/abap/lrep-service.js
2. Search for the method getCsrfToken
3. Place a breakpoint in the catch block
4. Once the breakpoint is reached examine the error object. Do you see any additional information that might be the root cause for the issue?

IMPORTANT: Do not post the error object in here as it contains sensitive data!

Best regards,

Zdravko

[uifivvy · Accepted solution]

Yes actually I am behind a proxy, could this be a problem?

I get the following error messages:

• The following error was encountered while trying to retrieve the URL: "xxxx/sap/bc/lrep/actions/getcsrftoken/?"
• Unable to determine IP address from host name "xxxx"
• The DNS server returned: "Name Error: The domain name does not exist."
• This means that the cache was not able to resolve the hostname presented in the URL. Check if the address is correct

[uifivvy · Accepted solution]

I could see the following error messages:

[zdravko_georgiev · Accepted solution]

Hi Julia, yes, I believe that this is the root cause for the issue. Do you have the corporate proxy defined as environment variables HTTP_PROXY and HTTPS_PROXY. Or as Node.js env variables proxy and https-proxy?

[uifivvy · Accepted solution]

Thanks for the hint, I've defined the proxy in my .npmrc, but it was the wrong proxy. I fixed it and now the adaptation editor is openend 🙂

But now I get an error when the UI5 resources gets loaded via http://localhost:8080/resources/sap-ui-core.js, my ui5.yaml configuration looks like this:

When I start the editor, the following error message is displayed:

warn fiori-tools-proxy Unable to check if the 1.120.9 is available on the SAPUI5 SDK. Proceeding with loading the preview with this version.

[zdravko_georgiev · Accepted solution]

Hi, ist the application now loading in the browser for you? The message "warn fiori-tools-proxy Unable to check if the 1.120.9 is available on the SAPUI5 SDK. Proceeding with loading the preview with this version.", is just a warning message indicating that the UI5 version checked failed (probably because of the corporate proxy), you can ignore this message.

[uifivvy · Accepted solution]

Yes, the adaptation editor is opened in the browser, but no application is loaded and I get the following errors when the UI5 resources are loaded:

[zdravko_georgiev · Accepted solution]

Can you put the ui5.sap.com on the no_proxy list? Please add in .npmrc the following "no_proxy=ui5.sap.com"

[uifivvy · Accepted solution]

Sadly that didn't help 😞

[zdravko_georgiev · Accepted solution]

Hi, are you able to open https://ui5.sap.com in your browser? Also if you just do "curl https://ui5.sap.com", does it work?

[uifivvy · Accepted solution]

Yes, I can open https://ui5.sap.com without any problems in my browser and "curl https://ui5.sap.com" returns status code 200

[zdravko_georgiev · Accepted solution]

Hi, could you please try the following guide in order to load the UI5 resources locally: https://www.npmjs.com/package/@sap/ux-ui5-tooling#example-configuration-for-serving-locally-ui5

[uifivvy · Accepted solution]

That didn't work because the "/test-resources/sap/ushell/bootstrap/sandbox.js" could not be loaded, I guess because the test-resources are not available when downloading SAPui5 from https://tools.hana.ondemand.com/#sapui5.

[uifivvy · Accepted solution]

I found out that if I add the proxy configuration in my .npmrc file, the loading of the UI5 resources works fine, but I will get the error I described before (error 503). If I delete the proxy, I can connect to the SAP system, but cannot load the UI5 resources via ui5.sap.com. Are there maybe some options for the fiori-tools-preview adp target entry to connect to the SAP system? I could not find any documentation about this option.

[zdravko_georgiev · Accepted solution]

Hi, when downloading SAPUI5 from https://tools.hana.ondemand.com/#sapui5, you need to download the SDK version. Only this version contains the "test-resources". Regarding the proxy configuration please try the following. Please enter the proxy configuration in the ".npmrc" file and then exclude the backend by using "no_proxy". It is very important to use "no_proxy"! I know that the npm documentation says that the property is called "noproxy", BUT a lot of node packages are checking for "no_proxy"!.

[uifivvy · Accepted solution]

That did it, thank you, I can now load the UI5 resources from ui5.sap.com and I'm not getting any backend errors, thank you so much!