Question Re: Adaptation Project Generator for VS Code - Adaptation... in Technology Q&A

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

uifivvy — Tue, 27 Feb 2024 11:07:14 GMT

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

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

zdravko_georgiev — Fri, 01 Mar 2024 08:17:36 GMT

Hi Julia, could you please

Re: Adaptation Project Generator for VS Code - Adaptation...

zdravko_georgiev — Fri, 01 Mar 2024 08:28:40 GMT

Hi Julia,

could you please add "debug: true" in your ui5.yaml. It should look like this:

- name: fiori-tools-preview afterMiddleware: compression configuration: component: myapp ui5Theme: sap_horizon debug: true

afterwards please try to start the adaption editor again.

The file adaptation-editor.html is generated at runtime, so it does not need to be part of the webapp folder. The error code that you are getting indicates and issue with the backend

Re: Adaptation Project Generator for VS Code - Adaptation...

uifivvy — Fri, 01 Mar 2024 08:57:39 GMT

Thank you for your comment, I tried to add the debug option, but it failed with the same error code. Do you know how we can detect the issue with the backend?

Re: Adaptation Project Generator for VS Code - Adaptation...

zdravko_georgiev — Fri, 01 Mar 2024 09:12:06 GMT

Hi, what kind of backend do you have? What is the default authentication type of your backend?

Re: Adaptation Project Generator for VS Code - Adaptation...

uifivvy — Fri, 01 Mar 2024 09:21:18 GMT

The system is a S4HANA On Premise 2023 and we use basic authentication with user and password.

Re: Adaptation Project Generator for VS Code - Adaptation...

zdravko_georgiev — Fri, 01 Mar 2024 09:44:17 GMT

Did you created the project in VSCode? If yes, is the system stored in VSCode? Are you getting asked for credentials when you try to start the adaptation editor?

Re: Adaptation Project Generator for VS Code - Adaptation...

uifivvy — Fri, 01 Mar 2024 09:58:23 GMT

Yes, I created the project in VS Code and I've stored the system there. It can be found under "SAP System Details", I've provided my credentials for the system there. If I test the connection, I get two messages: "V2 catalog call returned 149 services" and "V4 catalog service not available". I don't get asked for my credentials when I start the adaption editor.

Re: Adaptation Project Generator for VS Code - Adaptation...

zdravko_georgiev — Fri, 01 Mar 2024 11:01:33 GMT

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:

Navigate to /node_modules/@sap-ux/axios-extension/dist/abap/lrep-service.js
Search for the method getCsrfToken
Place a breakpoint in the catch block
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

Re: Adaptation Project Generator for VS Code - Adaptation...

uifivvy — Fri, 01 Mar 2024 11:24:29 GMT

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

Re: Adaptation Project Generator for VS Code - Adaptation...

uifivvy — Fri, 01 Mar 2024 11:22:10 GMT

I could see the following error messages:

Re: Adaptation Project Generator for VS Code - Adaptation...

zdravko_georgiev — Fri, 01 Mar 2024 11:38:09 GMT

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?

Re: Adaptation Project Generator for VS Code - Adaptation...

uifivvy — Fri, 01 Mar 2024 13:42:02 GMT

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.

Re: Adaptation Project Generator for VS Code - Adaptation...

zdravko_georgiev — Fri, 01 Mar 2024 14:00:09 GMT

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.

Re: Adaptation Project Generator for VS Code - Adaptation...

uifivvy — Fri, 01 Mar 2024 14:12:38 GMT

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:

Re: Adaptation Project Generator for VS Code - Adaptation...

zdravko_georgiev — Fri, 01 Mar 2024 14:19:03 GMT

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

Re: Adaptation Project Generator for VS Code - Adaptation...

uifivvy — Fri, 01 Mar 2024 14:30:20 GMT

Sadly that didn't help 😞

Re: Adaptation Project Generator for VS Code - Adaptation...

zdravko_georgiev — Mon, 04 Mar 2024 10:42:20 GMT

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?

Re: Adaptation Project Generator for VS Code - Adaptation...

uifivvy — Mon, 04 Mar 2024 10:59:10 GMT

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

Re: Adaptation Project Generator for VS Code - Adaptation...

zdravko_georgiev — Mon, 04 Mar 2024 11:15:16 GMT

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