Question

我是聚合物新手。下面的代码没有显示任何内容。只是一个空白页面。我在默认的python服务器上运行它。知道为什么会这样吗？

<!DOCTYPE html>
<html>
<head>
<script src="bower_components/webcomponentsjs/webcomponents-lite.js"/>
<link rel="import" href="bower_components/polymer/polymer.html"/>
</head>
  <body>
      <hello-element></hello-element>

      <dom-module id="hello-element">
          <template>Hello World</template>
      </dom-module>
      <script>
      HTMLImports.whenReady( function () {
        Polymer({
            is: "hello-element"
        })
      })
      </script>
  </body>
</html

Answer 1

首先，你的关闭html标签格式不正确。它应该是</html>而不是<html。也许你在复制时犯了一个错误，但你应该检查以防万一。

此外，您的脚本元素应该有一个结束标记，如下所示：

<script src="bower_components/webcomponentsjs/webcomponents-lite.js"></script>

此外，在关闭标记之前，链接标记不应该有这个斜杠/，如下所示：

<link rel="import" href="bower_components/polymer/polymer.html">

Answer 2

尝试正确使用HTML标记。在HTML5中，所谓的void元素（不能包含内容的元素 - > link，meta）不需要关闭，但是当标记时，它必须是关闭标记。它将take之间的内容作为javascript代码。

<script src="bower_components/webcomponentsjs/webcomponents-lite.js"></script>

尝试使用上述格式来获得正确的输出。但是避免在主文档中创建组件。在其他文件中创建并导入

元素未显示在Polymer中

2 个答案: