Skip to Content
Author's profile photo Ali Chalhoub

Getting error 404 when accessing Fiori Master Details app. in HCP after deploying it from WebIDE

If you have recently tried to create Fiori application using Fiori Master Details Template under WebIDE version 160519 and deployed it to HANA Cloud Platform, you may have experienced an error 404 – Not found when you are trying to access your application through Hana Cloud Platform landscape as shown below:


If you do face this behavior, here is what’s happening:

    1. By default, HCP was looking for index.html in order to load the site or whatever the parameter welcomeFile which is located in neo-app.json under your project in WebIDE.
    2. Now in WebIDE when the user selects the Fiori Master Details template, this template no longer creates index.html and no longer the welcomeFile = “index.html exists in the neo-app.json anymore. The reason for this change is to allow the application to run within Fiori Launchpad which does not require an index.html file. However this change in behavior, causes the application when it is deployed to HCP not to load anymore when it is accessed by the user. Having said that, the fix for this issue is simple

Here is how to fix this:

      1. In the WebIDE under the webapp folder under your project, create a blank file called index.html
      2. Add the following information below and modify it to match your application and change the following:
        1. Line 14 in the code below make sure that matches your namespace. My name space is called “”
          Example: data-sap-ui-resourceroots='{“”: “./”}’

        2. Line 22 to same as Line 14 it needs to match your namespace, in my example it is:
          name: “”

          <!DOCTYPE html>
            <meta http-equiv="X-UA-Compatible" content="IE=edge" />
            <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/>
            <meta name="viewport" content="width=device-width, initial-scale=1.0" />
            <title>Northwind OData Application</title>
            <!-- Bootstrap the UI5 core library -->
            <script id="sap-ui-bootstrap"
            data-sap-ui-resourceroots='{"": "./"}'
            sap.ui.getCore().attachInit(function() {
            new sap.m.Shell ({
            app: new sap.ui.core.ComponentContainer ({
            height: "100%",
            name: ""
            <!-- UI Content -->
            <body class="sapUiBody" id="content">
      3. Save the changes
      4. Edit the file neo-app.json under your project in WebIDE which is located on the root of the project and add this line before “routers”:

        “welcomeFile”: “/webapp/index.html”,

        It should look like this:
        “welcomeFile”: “/webapp/index.html”,
            “routes”: [

      5. Save the changes
      6. Now deploy your application to HANA Cloud Platform (HCP)
      7. You should be able now to access your application
      8. Here is the end result for my sample running on HANA Cloud Platform Trial Landscape:


Assigned Tags

      You must be Logged on to comment or reply to a post.
      Author's profile photo Former Member
      Former Member

      I followed your steps and changing the neo-app.json to /webapp/index.html helped, but after that it said that it couldn't find the Component.js:

      Uncaught Error: failed to load 'ourcompanyname/approval/Component.js' from ./Component.js: 404 - Not Found

      What helped here is to change the index.html from

      data-sap-ui-resourceroots='{"ourcompanyname.approval": "./"}'


      data-sap-ui-resourceroots='{"ourcompanyname.approval": "./webapp"}'

      Author's profile photo Ali Chalhoub
      Ali Chalhoub
      Blog Post Author

      Thank you for your feedback. I have updated the blog to include "./", the other way I got the error like the one you mentioned. What you need todo is try to reload the page and it worked well for me.

      Author's profile photo Venkata Sravan Kumar Potnuru
      Venkata Sravan Kumar Potnuru

      Thanks a lot  🙂 it helped me

      Author's profile photo Daniele Ruotolo
      Daniele Ruotolo

      Thank You, i had the same error in the Worklist Template and i fix it with your suggestion.

      Author's profile photo Former Member
      Former Member


      I have one issue in my application. is there a way where we can redirect the URL.?

      For ex: if user enter i need to redirect the application to