Component.js not found 404 error

[st4szk0]

Hi, I'm trying to nest one fiori app within another. I followed many tutorials on component reuse but I seem to be stuck.

I have two apps, Z_Parent with namespace "zparentapp" and Z_Child with namespace "zchildapp". I want to nest child app within parent app. Both apps were made using sapui5 template app in SAP WebIde.

neo-app.json in parent app:

manifest.json in parent app:

and view in parent app:

Despite trying different changes to code I'm constantly getting this error: "Uncaught Error: failed to load 'Z_Child/Component.js' from resources/Z_Child/Component.js: 404"

Anyone has an idea what i might be missing ?

Thanks in advance !

[maheshpalavalli]

you need to right-click on the project and enable app to app navigation. then in the webide you can test it easily without deploying to sap.

https://blogs.sap.com/2019/07/11/reusing-a-component-via-routing-and-testing-it-locally-in-webide.-t...

[FlorianVogt]

As far as I see the child resources are not located / deployed to the web IDE preview. Therefore, see the comment of maheshkumar.palavalli.

I would recommend to use the latest option to use reuse components via the routing mechanism.
No need to wrap your component in a view anymore.

Resources:

• DemoKit: https://ui5.sap.com/#/topic/fb19f501b16e4e4991eb6a017770945b
• Sample: https://ui5.sap.com/#/entity/sap.ui.core.routing.Router/sample/sap.ui.core.sample.RoutingNestedCompo...
• Mono-Repo Sample: https://github.com/flovogt/ui5con20-ui5-routing