Question

我用

初始化了aurelia

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

入门指南（http://aurelia.io/get-started.html）表示，默认情况下会尝试加载app.js和app.html

如何告诉aurelia加载main.js和main.html？

如果我<body aurelia-app="main">只访问main.js并且未显示该视图。

Answer 1

当您为aurelia-app属性提供值时，Aurelia将加载该模块并调用此模块导出的configure方法。这在文档中有解释。

您的配置必须告知Aurelia为应用程序根加载哪个模块。以下是文档中的示例：

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));
}

您期望发生的事情并非实际行为。设置属性值将Aurelia指向一个配置模块，该模块将aurelia指向应用程序根目录。在您的情况下，您可能希望执行以下操作：

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));
}

然后src\main.js和src\main.html将按预期加载（实际上它将是dist\main.js和dist\main.html，但是您正在编辑的文件在src目录中。

如何更改Aurelia-App查找的文件？

1 个答案: