Question Re: Fiori Elements Generator in Technology Q&A

Fiori Elements Generator

Steentje — Tue, 14 Sep 2021 12:01:50 GMT

Hi,

I am not able to generate a fiori elements Report Object Page project anymore.

The project is generated but the node_modules folder is not fully loaded with all dependencies.

The workaround is to delete the node_modules folder and do the npm install again.

I can not find any log on what could be going wrong.

When i try it via YO it seems to work.

So anything wrong in the Tool when going via the Fiori: Open Application Generator? Because then the node_modules seem to get stuck ... lots of files stay in the .staging directory.

I am using VScode.

Any ideas?

Greetings

Re: Fiori Elements Generator

IanQuigley — Mon, 27 Sep 2021 12:26:07 GMT

Hello Danny,

Sorry to hear you are having issues with the Fiori generator :(. In order to help you, can you please answer the following:

- Are using Business Application Studio or VSCode to generate the app?

- What version of nodejs are you running?

- When generating your application using the Wizard, you should be able to see the output of the npm install phase in the console output. There should be a little "terminal" symbol in the top right of the wizard, when you hover over it, it will say "Show output". Can you please click on it, and you should see the output window display below. Then when you generate your application, you should see if there any problems in this output window.

Thanks,

Ian

Re: Fiori Elements Generator

Steentje — Mon, 27 Sep 2021 12:47:00 GMT

Hi Ian,

i am using VSCode and just tried again but when i finish with the wizard with the Show output clicked. In the right corner stating "Installing dependencies ... " (this takes a long time already indicating to me it will fail)

and afterwards "The files have been generated."

In the terminal all the generated files are then listed but again no complete node_modules.

When i delete the node_modules folder and do npm install on the windows command line in the project directory everything seems to work.

npm version 6.14.12

nodejs version v14.16.1

Greetings

Re: Fiori Elements Generator

IanQuigley — Mon, 27 Sep 2021 13:14:53 GMT

Hi Danny,

Thanks for the response. The npm library installation routine does take a long time on windows, if in VSCode or on the command line.

You should get some entries in the output window similar to this:

2021-09-27 14:12:37] INFO: Installing dependencies...
          [2021-09-27 14:12:37] INFO: Running: `npm install`

And then at the end:

[2021-09-27 14:12:50] INFO: Application generated successfully

Can you confirm you see this in the output console?

One more question :). Are you behind a corporate proxy? If so, you would need to ensure that the proxy settings are correct detailed in the VSCode preferences.

Please let me know if that helps. Happy to jump on a call if you are still stuck.

Thanks

Ian

Re: Fiori Elements Generator

Steentje — Mon, 27 Sep 2021 13:33:39 GMT

Hi Ian,

the only thing i see in the output is

create webapp\Component.js
create webapp\index.html
create webapp\manifest.json
create webapp\annotations\annotation.xml
create webapp\i18n\i18n.properties
create webapp\localService\mockserver.js
create webapp\test\changes_loader.js
create webapp\test\changes_preview.js
create webapp\test\flpSandbox.html
create webapp\test\flpSandboxMockServer.html
create webapp\utils\locate-reuse-libs.js
create webapp\localService\ZTVARVC_ANNO_MDL.xml
create package.json
create ui5.yaml
create ui5-local.yaml
create README.md
create .gitignore
create webapp\localService\metadata.xml

And afterwards an Application Info for the project that states

Node modules are installed in directory 'node_modules'

Node module '@sap/ux-ui5-tooling' not installed

Node module '@sap/ux-specification' not installed

Re: Fiori Elements Generator

IanQuigley — Wed, 29 Sep 2021 13:52:14 GMT

Thanks. Can you confirm if there is a corporate proxy that you are using? And if so, can you check if your VSCode settings are using it?

If that still doesn't resolve it, lets have a call. If you reach out to me on ian.quigley@sap.com I will set up a meeting.

Thanks

Ian

Re: Fiori Elements Generator

Steentje — Wed, 29 Sep 2021 15:20:16 GMT

Hi Ian,

the thing is we used to have a proxy but this is now not in use anymore.

I think it is from the moment that the proxy was removed the problems started appearing.

I do not have a proxy in the VScode anymore as it was getting proxy setting from the Internet settings in windows i think.

How can i actually check this because that could explain why it is working outside of VScode on the command line.

Greetings.

Re: Fiori Elements Generator

IanQuigley — Mon, 04 Oct 2021 15:23:07 GMT

Hello Danny,

In VSCode, open the settings and search for the word 'proxy' in the search box. You should see a number of options that allow you to configure the proxy. If you don't set the proxy here, VSCode will use the environmental variable http_proxy or https_proxy as the proxy. You might check if you have that variable set either.

Regards,

Ian

Re: Fiori Elements Generator

Steentje — Tue, 05 Oct 2021 11:54:54 GMT

Hi Ian,
both keys http_proxy and https_proxy are not set in windows.

what i found is that when i use a VPN it is not working but i need the VPN to have access to SAP server ofcource.
Greetings,

Danny.

Re: Fiori Elements Generator

Steentje — Mon, 22 Nov 2021 12:12:54 GMT

Hi Ian,

i am still having troubles create Fiori Elements project in VSCode.
Strange thing is that as mentioned before when i delete the node_modules directory after closinf VSCode and run the npm install from the windows command prompt the node_modules directory gets completely setup correctly.
Greetings,

Danny

Re: Fiori Elements Generator

IanQuigley — Mon, 22 Nov 2021 12:25:52 GMT

Hi Danny,

Sorry to hear you are still having troubles with it :(. It does sound like a proxy issue, as it works outside of VSCode. In order to best support you, I think it may be worth having a call. Could you reach out to me, and email me at ian.quigley@sap.com and I'll set up a meeting with some developers to help you overcome the issue?

Thanks

Ian