i watched polymer submit inspired me build web app polymer , firebase , import elements wanted use polygit, "wrote" little code.
when open index.html file in directly in browser, worked well, when deploy app firebase, can see text on white background , polymer elements aren't interpretated such.
here imports declared in <head> - tag:
<base href="http://polygit.org/polymer+:master/components/"> <link href="polymer/polymer.html" rel="import"> <link href="paper-drawer-panel/paper-drawer-panel.html" rel="import"> <link href="paper-header-panel/paper-header-panel.html" rel="import"> <link href="paper-toolbar/paper-toolbar.html" rel="import"> <link href="paper-icon-button/paper-icon-button.html" rel="import"> and here <body class="fullbleed layout vertical"> - tag:
<paper-drawer-panel class="flex"> <paper-header-panel drawer> <paper-toolbar> </paper-toolbar> <div> drawer content... </div> </paper-header-panel> <paper-header-panel main> <paper-toolbar> <paper-icon-button icon="menu" paper-drawer-toggle></paper-icon-button> <div>social contacts</div> </paper-toolbar> <div> main content... </div> </paper-header-panel> </paper-drawer-panel>
as firebase-app run under https-protocol have import under https protocol well, have change line:
<base href="http://polygit.org/polymer+:master/components/"> to line:
<base href="https://polygit.org/polymer+:master/components/"> notice added 's' 'http'
Comments
Post a Comment