List Report Object Page App with SAP Fiori Tools in VSCode

[pedrocavaco]

Hi,

I'm currently trying to explore the creation of a simple app for FIORI as detailed here in VSCode.
The extensions are installed and I have made it as the tutorial explains but when testing: with npm start or similar, I just get a blank page:

Something like this (BAS) should be loading:

Some thoughts?

Thank you.

[geert-janklaps · Accepted solution]

Hi,

Is the server you're connecting to the one described in the tutorial? Or are you trying to connect to another system (e.g. on premise S/4HANA)?

If you're connecting to another system than described in the tutorial, you can try to set the ignoreCertError to true in the ui5.yaml file before launching the application using npm run start. (the system might be using a self signed certificate)

If that doesn't solve your problem do you see any errors popping up in the terminal and / or the browser console?

Best regards,

Geert-Jan Klaps

[pedrocavaco · Accepted solution]

Yes it's local, I load from odata like https://services.odata.org/V2/Northwind/Northwind.svc/ and then next to project name folder etc...

Follows terminal log

PS C:\Users\dummy\projects\demo_1> npm start

> demo_1@0.0.1 start
> fiori run --open test/flpSandbox.html#masterDetail-display

Fiori tools CLI.
info
server:ux-proxy Starting fiori-tools-proxy using following configuration:
info server:ux-proxy proxy: 'undefined'
info server:ux-proxy ignoreCertError: 'false'
info server:ux-proxy backend: [{"path":"/V2","url":"https://services.odata.org"}]
info server:ux-proxy ui5: {"url":"https://ui5.sap.com","version":null,"path":["/resources","/test-resources"]}
info server:ux-proxy Backend proxy started for https://services.odata.org /V2
info server:ux-proxy UI5 proxy started for https://ui5.sap.com
info
server:liveload Livereload middleware started for port 35731 and path C:\Users\dummy\projects\demo_1\webapp
Server started
URL: http://localhost:8082
info
server:ux-proxy /test-resources/sap/ushell/bootstrap/sandbox.js
info server:ux-proxy
/resources/sap-ui-core.js
Error: You are trying to connect to a server with a self signed certificate. Please check (https://help.sap.com/viewer/bdf9573a206b492382cc747e731cf34b/DEV/en-US/4b318bede7eb4021a8be385c46c74045.html) for guidance.
at Object.module.exports.exports.proxyErrorHandler (C:\Users\dummy\projects\demo_1\node_modules\@sap\ux-ui5-tooling\dist\middlewares\fiori-tools-proxy.js:24879:27)
at proxyErrorHandler (C:\Users\pdummy\projects\demo_1\node_modules\@sap\ux-ui5-tooling\dist\middlewares\fiori-tools-proxy.js:23093:21)
at C:\Users\dummy\projects\demo_1\node_modules\@sap\ux-ui5-tooling\dist\middlewares\fiori-tools-proxy.js:23178:11
at processTicksAndRejections (node:internal/process/task_queues:93:5)
Error: You are trying to connect to a server with a self signed certificate. Please check (https://help.sap.com/viewer/bdf9573a206b492382cc747e731cf34b/DEV/en-US/4b318bede7eb4021a8be385c46c74045.html) for guidance.
at Object.module.exports.exports.proxyErrorHandler (C:\Users\dummy\projects\demo_1\node_modules\@sap\ux-ui5-tooling\dist\middlewares\fiori-tools-proxy.js:24879:27)
at proxyErrorHandler (C:\Users\dummy\projects\demo_1\node_modules\@sap\ux-ui5-tooling\dist\middlewares\fiori-tools-proxy.js:23093:21)
at C:\Users\dummy\projects\demo_1\node_modules\@sap\ux-ui5-tooling\dist\middlewares\fiori-tools-proxy.js:23178:11
at processTicksAndRejections (node:internal/process/task_queues:93:5)

[geert-janklaps · Accepted solution]

Hi,

The error is clearly stating that it's trying to connect with a self signed certificate. This might also happen if you're working from behind a proxy.

Did you try my suggestion to set the value ignoreCertError: true (instead of false) in the ui5.yaml file? Afterwards try starting the app again, this should solve your problem.

Best regards,

Geert-Jan

[pedrocavaco · Accepted solution]

You are right, I missed the ignoreCertError: true it works now:

Thank you for your help!

[petr_stribrny]

Hello Pedro,

What I see on your screenshot is a launched app. The app has just no columns seleted for display, so you can try to go to Settings and check if there're some columns to be selected for display. Apart of that I see there's an error shown in the log. That would need more investigation.

Since you wrote you are just trying to explore the creation a Fiori application, would you mind if I asked you to try with other OData service? E.g. try this one:

https://v2-products-review-exercise-beta2.cfapps.us10.hana.ondemand.com/sap/opu/odata/sap/SEPMRA_PRO...

Use the same main entity as described in the tutorial. Let me know about the results. Thanks.

Best Regards,

Petr

[pedrocavaco]

I noticed that under a proxy server I got the same issue with following error:

Server started
URL: http://localhost:8080
TypeError: Cannot read property 'split' of undefined
    at isHostExcludedFromProxy (C:\Users\dummy\projects\demo_5\node_modules\@sap\ux-ui5-tooling\dist\middlewares\fiori-tools-proxy.js:24826:39)
    at Object.module.exports.exports.ui5ProxyReqOptDecorator (C:\Users\dummy\projects\demo_5\node_modules\@sap\ux-ui5-tooling\dist\middlewares\fiori-tools-proxy.js:25028:34)
    at proxyReqOptDecorator (C:\Users\dummy\projects\demo_5\node_modules\@sap\ux-ui5-tooling\dist\middlewares\fiori-tools-proxy.js:23084:28)
    at decorateProxyReqOpt (C:\Users\dummy\projects\demo_5\node_modules\@sap\ux-ui5-tooling\dist\middlewares\fiori-tools-proxy.js:24360:14)
    at processTicksAndRejections (node:internal/process/task_queues:93:5)
TypeError: Cannot read property 'split' of undefined
    at isHostExcludedFromProxy (C:\Users\dummy\projects\demo_5\node_modules\@sap\ux-ui5-tooling\dist\middlewares\fiori-tools-proxy.js:24826:39)
    at Object.module.exports.exports.ui5ProxyReqOptDecorator (C:\Users\dummy\projects\demo_5\node_modules\@sap\ux-ui5-tooling\dist\middlewares\fiori-tools-proxy.js:25028:34)
    at proxyReqOptDecorator (C:\Users\dummy\projects\demo_5\node_modules\@sap\ux-ui5-tooling\dist\middlewares\fiori-tools-proxy.js:23084:28)
    at decorateProxyReqOpt (C:\Users\dummy\projects\demo_5\node_modules\@sap\ux-ui5-tooling\dist\middlewares\fiori-tools-proxy.js:24360:14)
    at processTicksAndRejections (node:internal/process/task_queues:93:5)
TypeError: Cannot read property 'split' of undefined
    at isHostExcludedFromProxy (C:\Users\dummy\projects\demo_5\node_modules\@sap\ux-ui5-tooling\dist\middlewares\fiori-tools-proxy.js:24826:39)
    at Object.module.exports.exports.ui5ProxyReqOptDecorator (C:\Users\dummy\projects\demo_5\node_modules\@sap\ux-ui5-tooling\dist\middlewares\fiori-tools-proxy.js:25028:34)
    at proxyReqOptDecorator (C:\Users\dummy\projects\demo_5\node_modules\@sap\ux-ui5-tooling\dist\middlewares\fiori-tools-proxy.js:23084:28)
    at decorateProxyReqOpt (C:\Users\dummy\projects\demo_5\node_modules\@sap\ux-ui5-tooling\dist\middlewares\fiori-tools-proxy.js:24360:14)
    at processTicksAndRejections (node:internal/process/task_queues:93:5)

Any ideas?

Thank you in advance.