Question

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

当我直接在我的浏览器中打开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-Protocol下运行，您还必须在https协议下导入，因此您必须更改此行：

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

到这一行：

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

请注意，我添加了＆＃39; s＆＃39;到＆＃39; http＆＃39;

Answer 2

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

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

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

部署到firebase时，Polygit不会导入元素

2 个答案: