Polygit 在部署到 firebase 时不导入元素

Question

我观看了 Polymer Submit，它启发了我使用 Polymer 和 firebase 构建 Web 应用程序并导入我想使用 Polygit 的元素，所以我 "wrote" 编写了一些代码。

当我直接在浏览器中打开 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>

Answer 1

作为 Firebase-App 运行在 https 协议下你也必须在 https 协议下导入，所以你必须改变这一行：

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

到这一行：

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

请注意，我将 's' 添加到 'http'

Answer 2

稍微更稳健的解决方案可能是使用相对路径，如下所示：

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

This SO answer recommends the above relative path approach as best practice.

Polygit 在部署到 firebase 时不导入元素

Polygit doesn't import elements when deployed to firebase

firebase

firebase-hosting

firebase-polymer

polymer-1.0