SAPUI5项目资源加载报错及Component等文件获取咨询

1. Fixing the "Main.view.xml could not be loaded" Error #

Since you’ve already adjusted your folder structure and routes, let’s double-check these critical areas that often trigger this error:

• Verify Resource Roots Mapping
  In your index.html, make sure the data-sap-ui-resourceroots attribute correctly maps your app’s namespace to the right folder path. For example, if Main.view.xml lives in a resources folder at your project root, and your app namespace is my.sapui5.app, the bootstrap line should look like:

  <script id="sap-ui-bootstrap"
    src="https://sapui5.hana.ondemand.com/resources/sap-ui-core.js"
    data-sap-ui-resourceroots='{"my.sapui5.app": "./resources"}'
    data-sap-ui-theme="sap_belize"
    data-sap-ui-compatVersion="edge"
    data-sap-ui-async="true">
  </script>
  

  This tells SAPUI5 exactly where to look for your app’s resources relative to index.html.

• Check Route View Names
  If you’re defining routes (either in a legacy router setup or later in manifest.json), ensure the viewName uses the full namespace path matching your folder structure. For example, if Main.view.xml sits under resources/ and your namespace is my.sapui5.app, the view name should be my.sapui5.app.Main—not just Main.

• Confirm Filename Case Sensitivity
  SAPUI5 is strictly case-sensitive! Double-check that your code references Main.view.xml exactly as the file is named (no typos like main.view.xml or MAIN.view.xml).

2. Generating component.js, manifest.json, and Component-preload.js #

You don’t need to download these files manually—Eclipse has built-in templates to generate them for you:

Generating component.js and manifest.json #

1. Right-click your SAPUI5 project in Eclipse’s Project Explorer.
2. Hover over New → select Other.
3. In the popup, navigate to SAPUI5 Application Development → SAPUI5 Component and click Next.
4. Follow the wizard:
   • Enter your app’s namespace (e.g., my.sapui5.app).
   • Specify the component name (usually Component).
   • Check the boxes to generate manifest.json and the initial component structure.
5. Click Finish—Eclipse will create both files in your project root (or the specified namespace folder).

Getting Component-preload.js #

This is a pre-built bundle of your app’s resources, generated during the build process:

• In Eclipse, trigger a build by right-clicking your project → SAPUI5 → Build. This will generate the preload file in your project’s dist or build folder (depending on your setup).
• For development, you don’t strictly need this file—SAPUI5 will load individual resources on demand. But for production, the preload file drastically improves performance by reducing network requests.

Once you have these files, update your index.html to load the Component instead of directly instantiating the view. Replace any old view-loading code with:

sap.ui.getCore().attachInit(function() {
  new sap.ui.core.ComponentContainer({
    name: "my.sapui5.app" // Match your component's namespace
  }).placeAt("content");
});

内容的提问来源于stack exchange，提问作者Naoto Amari