如何将奥雷利亚-对话框与奥雷利亚捆绑在一起？

Question

我在我的web应用程序中使用了aurelia对话框，一切都很好。

但是当我导出(浏览导出)这个应用程序时，我在加载时出现了以下错误：

错误: XHR错误(404未找到)加载packages/npm/aurelia-dialog@0.5.10/resources/ai-dialog.html错误加载packages/github/systemjs/plugin-text@0.0.3.js错误加载packages/npm/aurelia-dialog@0.5.10/resources/ai-dialog.html!template-registry-entry

我的bundles.js内容：

....
"dist/aurelia": {
  "includes": [
    "aurelia-framework",
    "aurelia-bootstrapper",
    "aurelia-fetch-client",
    "aurelia-router",
    "aurelia-animator-css",
    "aurelia-templating-binding",
    "aurelia-polyfills",
    "aurelia-templating-resources",
    "aurelia-templating-router",
    "aurelia-loader-default",
    "aurelia-history-browser",
    "aurelia-logging-console",
    "aurelia-event-aggregator",
    "bootstrap",
    "bootstrap/css/bootstrap.css!text",
    "aurelia-dialog",
    "aurelia-i18n",
    "text",
    "i18next-xhr-backend",
    "fetch"
  ]
  .....

有什么想法吗？

Answer 1

只需包括它的.html (和.css)文件。

....
"dist/aurelia": {
  "includes": [
    "aurelia-framework",
    "aurelia-bootstrapper",
    "aurelia-fetch-client",
    "aurelia-router",
    "aurelia-animator-css",
    "aurelia-templating-binding",
    "aurelia-polyfills",
    "aurelia-templating-resources",
    "aurelia-templating-router",
    "aurelia-loader-default",
    "aurelia-history-browser",
    "aurelia-logging-console",
    "aurelia-event-aggregator",
    "bootstrap",
    "bootstrap/css/bootstrap.css!text",
    "aurelia-dialog",
    "aurelia-dialog/resources/ai-dialog*.html!text", // <- like this
    "aurelia-dialog/dialog.css!text", // <- CSS file
    "aurelia-i18n",
    "text",
    "i18next-xhr-backend",
    "fetch"
  ]
  .....