Vaadin 8 HTML导入Javascript

Question

I am trying to use Vaadin 8 's "Html Import" feature

i followed instructions here : What's New In Vaadin 8

you can check it at 10th feature.

i am also sure that i installed both polymer-cli and bower.As GameCard creator mantioned at his own github.

But when run the application "the cards" are loading but not the way as it should.Mines have no flipping animation and kind a looks bad.

Screenshot :

Update After Gerald's Solution.

Finally Works with the Right Version of Polymer.

Answer 1

initialize rank and symbol in different order (set rank first):

GameCard = function () {
    var element = this.getElement();
    this.setCard = function (symbol, rank) {
        element.set("rank", rank);
        element.set("symbol", symbol);
    };
};

Answer 2

Seems to be a problem with the game-card element and the latest version of Polymer. I opened an issue on GitHub. Try with the version I used when I developed the demo. Find it here . Just replace your bower_components directory with the one in my demo.