How can I change which files Aurelia-App looks for?

Question

How can I change which files Aurelia-App looks for?

4.9k Views Asked by Meirion Hughes At 04 April 2025 at 01:50

I've initialised aurelia with

<body aurelia-app>
   ...
</body>

The getting started guide (http://aurelia.io/get-started.html) says that this will, by default, try to load up app.js and app.html

How can I tell aurelia to load up main.js and main.html?

if I do <body aurelia-app="main"> only main.js is accessed and the view isn't shown.

Original Q&A

There are 1 best solutions below

**Ashley Grant** · Accepted Answer

When you supply a value for the aurelia-app attribute, Aurelia will load that module and call the configure method that is exported by this module. This is explained in the documentation.

Your configuration must tell Aurelia which module to load for the app root. Here is the example from the documentation:

import {LogManager} from 'aurelia-framework';
import {ConsoleAppender} from 'aurelia-logging-console';

LogManager.addAppender(new ConsoleAppender());
LogManager.setLevel(LogManager.logLevel.debug);

export function configure(aurelia) {
  aurelia.use
    .defaultBindingLanguage()
    .defaultResources()
    .history()
    .router()
    .eventAggregator()
    .plugin('./path/to/plugin');

  aurelia.start().then(a => a.setRoot('app', document.body));
}

What you're expecting to happen isn't the actual behavior. Setting the value of attribute points Aurelia to a configuration module that will point aurelia to the app root. In your case, you might want to do something like this:

index.html

...
<body aurelia-app="configuration">
...

src\configuration.js

export function configure(aurelia) {
  aurelia.use
    .standardConfiguration()
    .developmentLogging();

  aurelia.start().then(a => a.setRoot('main', document.body));
}

And then src\main.js and src\main.html will be loaded as you expect (well, actually it will be dist\main.js and dist\main.html, but the files you're editing are in the src directory).

How can I change which files Aurelia-App looks for?

There are 1 best solutions below

Related Questions in AURELIA

Trending Questions

Popular # Hahtags

Popular Questions