聚合物核心元素没有为我显示

Question

我正在尝试使用从 here 下载的 polymer/bower/webcomponents 创建一个简单的 web-page。这是我的 html:

<head>
  <script src="../bower-components/webcomponentsjs/webcomponents.js"></script>
  <!-- <link rel="stylesheet" type="text/script" href="script.js"> -->
  <link rel="import" 
  href="../bower-components/core-component-page/core-component-page.html">
  <link rel="stylesheet" type="text/css" href="main.css">
</head>

<body>
  <core-scaffold>
    <core-header-panel>
      <core-toolbar id="navheader">
        <span>Menu</span>
      </core-toolbar>
      <core-menu>
        <core-item label="One"></core-item>
        <core-item label="Two"></core-item>
      </core-menu>

    </core-header-panel>
    <span tool>Title</span>

  <div class="content">
      If drawer is hidden, press button to display drawer.
  </div>

  </core-scaffold>
</body>

main.css 看起来像：

body {
  font-family: sans-serif;
}
#navheader {
  background-color: #56BA89;
}
.content {
  padding: 20px;
}

我正在使用 python 简单服务器托管它。

我确信导入是 'working'（因为服务器为所有导入返回 200），所以我不认为是这样。但是网页看起来是这样的：

这个工具包看起来很简单，我只是从here中截取了代码，但我看不出为什么它不起作用。我正在使用 Chrome 版本 39.0.2171.65.

Answer 1

您需要导入每个元素才能使用它。

<link rel="import" href="core-scaffold.html">

查看来源 https://www.polymer-project.org/components/core-scaffold/demo.html for more details and examples or this tutorial https://www.polymer-project.org/docs/start/tutorial/step-1.html

Answer 2

我也相信它是 bower_components，但这是在我的 mac 上：

我建议您对计划使用的所有核心组件使用不同的文本文件。

聚合物核心元素没有为我显示

Polymer core elements aren't displaying for me

html

polymer

web-component