2016-08-24 3 views
2

Ich habe versucht, dies für eine Weile zu sortieren; Mein Ziel ist es, Polymer-Module im Aurelia-Framework zu verwenden. Es gibt ein Tutorial here (auf der offiziellen Dokumentation), aber das ist nicht für eine CLI generierte App.Aurelia-Polymer Verwenden CLI-Tool

meine aurelia.json Datei hat die folgenden Abhängigkeiten:

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

(installiert mit NPM)

und die index.html Datei sieht wie folgt aus:

<head> 
<title>Aurelia</title> 

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

...

Ich habe keine Fehler in der CLI/Konsole beim Aufbau.

main.js

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

Lasten in Ordnung, aber

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

Fehler in der Browser-Konsole gibt:

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

ich zu einem Haufen von Jungs gesprochen haben auf aurelia/gitter, aber bisher habe ich niemanden gefunden, der in der lage war, aure zu bekommen lia-html-import-template-loader'arbeitet im CLI.

Dank für das Lesen, haben einen fantastischen Tag

Antwort

0

Von aurelia-polymer:

mit Webpack Mit

Wenn Sie webpack verwenden, werden Sie aurelia nicht nutzen können -html-import-template-loader, was bedeutet, dass Sie nicht laden können Polymer-Elemente in Ihren Vorlagen direkt (siehe # 18). Stattdessen wird vorgeschlagen, dass Sie vulcanize verwenden, um alle von Ihnen verwendeten Polymer Elemente in einer Datei zu bündeln, die in index.html geladen werden kann. Die Elemente werden weiterhin in Ihren Vorlagen verfügbar sein, sobald sie geladen werden, aber das vermeidet die Syntaxprobleme, die die HTML-Importvorlage Loader erfordern.

Ich habe es noch nicht mit aurelia-cli versucht, aber es ist einen Versuch wert.

Verwandte Themen