1

我观看了 Polymer 提交，它启发我使用 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>
4

2 回答 2

0

由于 Firebase-App 在 https 协议下运行，您还必须在 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 answer 推荐上述相对路径方法作为最佳实践。

于 2016-02-25T06:40:37.820 回答