Error: Failed to load component manifest.json

[former_member260921]

Hi,

I am trying to implement "Step 9" of the "Walkthrough" tutorial in then "SAPUI5: UI Development Toolkit ...." using the SAP Web IDE.

When I load the page in the browser I get the following:

2018-03-29 15:25:52.686000 registerResourcePath ('', 'https://ui5.sap.com/resources/') - sap.ui.ModuleSystem
sap-ui-core.js:168:740
2018-03-29 15:25:52.688000 registerResourcePath ('SAPUI5_Walkthrough', './') - sap.ui.ModuleSystem
sap-ui-core.js:168:740
2018-03-29 15:25:52.688000 URL prefixes set to: - sap.ui.ModuleSystem
sap-ui-core.js:168:740
2018-03-29 15:25:52.690000 (default) : https://ui5.sap.com/resources/ - sap.ui.ModuleSystem
sap-ui-core.js:168:740
2018-03-29 15:25:52.690000 'SAPUI5_Walkthrough' : ./ - sap.ui.ModuleSystem
sap-ui-core.js:168:740
Synchronous XMLHttpRequest on the main thread is deprecated because of its detrimental effects to the end user’s experience. For more help http://xhr.spec.whatwg.org/
jquery.sap.global-dbg.js:525:10
Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at https://ui5.sap.com/resources/SAPIU5_Walkthrough/manifest.json. (Reason: CORS header ‘Access-Control-Allow-Origin’ missing).
2018-03-29 15:25:53.548000 Failed to load component manifest from "SAPIU5_Walkthrough/manifest.json" (component SAPIU5_Walkthrough.Component)! Reason: Error: resource SAPIU5_Walkthrough/manifest.json could not be loaded from https://ui5.sap.com/resources/SAPIU5_Walkthrough/manifest.json. Check for 'file not found' or parse errors. Reason: -

It appears that the first registerResourcePath is being implemented automatically. The second registerResourcePath is coming from my index.html page:

<script
id="sap-ui-bootstrap"
src="https://ui5.sap.com/resources/sap-ui-core.js"
data-sap-ui-theme="sap_belize"
data-sap-ui-libs="sap.m"
data-sap-ui-compatVersion="edge"
data-sap-ui-preload="async"
data-sap-ui-resourceroots='{
"SAPUI5_Walkthrough": "./"
}'
>

So it is not looking for manifest.json in the correct location. It is appending the correct url to the automatically registered url:

https://ui5.sap.com/resources/SAPIU5_Walkthrough/manifest.json

I have already checked the other answers that come up when I search for "Failed to load component manifest.json." There are several of them but none seem to appy to this case.

Thanks for any help!

Regards,

Mel

[saurabh_vakil · Accepted solution]

In your index.html file you have defined the resourceroot as below

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

But you are naming your Component as sap.ui.demo.walkthrough - this should match with the resourceroot name.

Please change the resourceroot in your index.html file as below

data-sap-ui-resourceroots='{"sap.ui.demo.walkthrough": "./"}'