javascript - Aurelia 启动 setRoot 给出错误 No applicationHost was specified

Question

使用以下代码:

import { Aurelia } from "aurelia-framework";

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

  await aurelia
    .start()
    .then(a => a.setRoot())
    //.then(a => a.setRoot("app.js", document.body))
    .catch(ex => {
      document.body.textContent = `Bootstrap error: ${ex}`;
    });
}

我收到这个错误:

Bootstrap error: Error: No applicationHost was specified.

如果我切换到使用 .then(a => a.setRoot("app.js", document.body)) 而不是 .then(a => a.setRoot ()) 一切正常。

在 Aurelias 自己的快速入门指南中，他们使用以下代码:

import {Aurelia} from 'aurelia-framework';

export function configure(aurelia: Aurelia) {
    aurelia.use.basicConfiguration();
    aurelia.start().then(() => aurelia.setRoot());
}

如果我在我的代码中切换到 use.basicConfiguration，我仍然会遇到同样的错误。

https://aurelia.io/docs/tutorials/creating-a-todo-app#getting-ready-to-render

要重现的代码和框:

https://codesandbox.io/s/0x4wvlly90

Answer 1

在自动引导中，aurelia-bootstrapper 检测具有 aurelia-app 属性的元素，并根据指定的值，将加载主条目以 Bootstrap ，其中包含有关的信息哪些元素承载那些 aurelia-app 属性。这就是为什么您可以不带任何参数执行 setRoot() 的原因。第一个参数是 app.js，第二个参数由上述检测自动提供。

当您像问题代码块中那样进行手动引导时，没有关于 root 的信息，因此出现您所看到的错误。因此，提供第二个参数是正确且标准的方法。