/ / Aurelia-Polymer Using CLI tool-javascript、web、aurelia、aurelia-cli

CLIツールを使用したAurelia-Polymer - javascript、web、aurelia、aurelia-cli

私は「これをしばらく整理しようとしています。私の目標は、Aureliaフレームワーク内でPolymerモジュールを使用することです。そこに」チュートリアルがあります ここに (公式ドキュメントに記載されています)が、それは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」を使用できる人はいませんでした。

読んでくれてありがとう、 素晴らしい一日を過ごします

回答:

回答№1は0

から アウレリアポリマー

Webpackで使用する

「webpackを使用している場合は、できません」つかいます aurelia-html-import-template-loader。つまり、「できません」 テンプレート内のPolymer要素を直接読み込みます(#18を参照)。代わりに、 使用することをお勧めします 加硫する すべてのポリマーをバンドルする 使用する要素index.htmlにロードできる1つのファイル。の 読み込まれたテンプレートでは引き続き要素を使用できますが、 これにより、HTMLインポートテンプレートを必要とする構文の問題を回避できます ローダ。

私は「aurelia-cliでまだ試していませんが、試してみる価値はあります」。