与Aurelia的传统解决方案

Question

我有一个旧的ASP.NET解决方案，我已经介绍了Aurelia。在一些aspx页面中，我开始使用Aurelia，我的main.ts看起来像这样：

export function configure(aurelia) {
    aurelia.use
        .basicConfiguration()
        .developmentLogging();
  aurelia.start().then(() => aurelia.setRoot('/Controls/Warehouse/ProductPurchaseSuggestion/AureliaSource/app.js'));
}

通过这种方式，每当我们使用Aurelia时，我们都必须像这样启动它。

我只是在我的第一个模板中写作，不得不写下这个：

<compose view-model="/Controls/Warehouse/ProductPurchaseSuggestion/AureliaSource/mergePopup" model.bind="{ demo: 'test' }"></compose>

要编写它。我原以为setRoot会让我可以写：

<compose view-model="mergePopup" model.bind="{ demo: 'test' }"></compose>

如果我在这里的最后一个示例（我希望它如何工作）中这样做，那么我在控制台中收到以下错误消息：Uncaught (in promise) Error: No view model found in module "mergePopup".

有没有办法以这种方式做到这一点？