Failed to load js file

[marie-pierre_mela]

In a controller.js file, I want to reference a BaseController situated in another place. So at the top of the controller.js file I used:

sap.ui.define([

"../../controller/BaseController.controller",

"sap/ui/core/mvc/Controller",

"sap/ui/core/UIComponent"

], function (BaseController, Controller, UIComponent) {

But get a status 404 not found when loading the BaseContriller. the path for the file is indeed wrong: https://sapui5.hana.ondemand.com/resources/.../controller/BaseController.controller.js

Any idea how to get it right ?

[former_member540067]

Share a screenshot of your directory and where the BaseController is placed.

[marie-pierre_mela]

Master controller reference the BaseController.

But BaseController is looked for as a SAPUI5 ressource file, not as my code, so it's not an issue of relative code

https://sapui5.hana.ondemand.com/resources/.../controller/BaseController.controller.js

[WouterLemaire]

Normally the basecontroller has no .controller.js extension but only .js. If that is also the case in your project, you just have to define the basecontroller without the .controller part. Like this:

"../../controller/BaseController”

Hope it helps.

[marie-pierre_mela]

Thanks, but doesn't help... 😞

[WouterLemaire]

Strange, try to compare with the basecontroller in this project: https://github.com/lemaiwo/UI5Con2019/tree/master/webapp/controller

(this is from one of the templates in Web IDE)

[marie-pierre_mela]

It's working fine, when all .js are in the same folder. But not when in separate folders.

I'm trying to find the right resourceRoots as indicated by Florian

[FlorianVogt]

Hi Marie-Piere,
for this configuration, you don't have to touch your resourceRoots configuration.

See https://inui.io/sap-ui5-base-controller/.

In the index.html you have to specify the resourceRoots pointing to your application. See https://github.com/SAP/openui5-sample-app/

All the best,

Florian

[FlorianVogt]

Hi Marie-Piere,

The answer of c3d1947136cd4c748a7aa794001af496 is the first step. The recommendation is to name only the files which are directly controller of a view with .controller.js. So, in your case:

• BaseController.js
• MyController.controller.js

Also, you have to specify the resourceRoots in the index.html or manifest.json.

All the best!

[marie-pierre_mela]

Thanks Florian. Would you have any example how to use the resourceRoots in such case ? I din't manage to have it work