1

Polymer と firebase を使用して Web アプリを構築し、Polygit を使用したい要素をインポートするきっかけとなった Polymer Submit を見て、小さなコードを「書きました」。

index.html ファイルをブラウザで直接開くと、すべてうまくいきましたが、アプリを firebase にデプロイすると、白い背景にテキストしか表示されず、ポリマー要素がそのように解釈されません。

<head>- タグで宣言したインポートは次のとおりです。

<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">

そして、ここに私の<body class="fullbleed layout vertical">タグがあります：

  <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>
4

2 に答える 2

0

Firebase-App は https-Protocol で実行されるため、https プロトコルでもインポートする必要があるため、次の行を変更する必要があります。

<base href="http://polygit.org/polymer+:master/components/">

この行に：

<base href="https://polygit.org/polymer+:master/components/">

「s」を「http」に追加したことに注意してください

于 2015-10-04T08:19:45.740 に答える
0

もう少し堅牢なソリューションは、次のように相対パスを使用することです。

<base href="//polygit.org/polymer+:master/components/">

この SO 回答では、上記の相対パス アプローチをベスト プラクティスとして推奨しています。

于 2016-02-25T06:40:37.820 に答える