Question

我一直试图解决这个问题;我的目标是在Aurelia框架内使用Polymer模块。有一个教程here（在官方文档中），但这不适用于CLI生成的应用程序。

我的 aurelia.json 文件具有以下依赖项：

…
"aurelia-html-import-template-loader",
"aurelia-polymer",
…

（使用npm安装）

并且 index.html 文件如下所示：

<head>
<title>Aurelia</title>

<script src="bower_components/webcomponentsjs/webcomponents-lite.js"></script>
<link rel="import" href="bower_components/polymer/polymer.html">

...

构建时我在CLI /控制台中没有错误。

main.js

aurelia.use.plugin('aurelia-polymer');

加载正常但

aurelia.use.plugin('aurelia-html-import-template-loader');

在浏览器控制台中显示错误：

vendor-bundle.js:21513 GET http://localhost:9000/app.html 
Unhandled rejection Error: Load timeout for modules: template-registry- ………

我一直在谈论aurelia / gitter上的一群小伙子，但到目前为止，我发现没有人能够在CLI中获得'aurelia-html-import-template-loader'工作。

感谢阅读，度过了一个美好的一天

Answer 1

来自aurelia-polymer：

使用Webpack

如果您正在使用网络包，那么您将无法使用   aurelia-html-import-template-loader，这意味着你无法做到   直接在模板中加载Polymer元素（参见＃18）。代替，   它建议您使用vulcanize捆绑所有聚合物   您在一个文件中使用的元素，可以在index.html中加载。该   加载后，模板中的元素仍然可用，但是   这可以避免需要HTML导入模板的语法问题   加载器。

我还没有尝试过aurelia-cli，但它值得一试。

Aurelia-Polymer使用CLI工具

1 个答案: