为什么使用Polymer时我的自定义元素不显示?

时间:2015-04-13 16:13:47

标签: html5 polymer web-component

这应该很容易,但它不起作用,这让我发疯。

我试图开始使用聚合物,并且在按照https://www.polymer-project.org上的教程进行操作时,我已经制作了第一个应用程序。它工作得很好,但现在我正在做这个LevelUpTuts教程:https://youtu.be/wId1gMzriRE和我的简单自定义元素,带有一个带Hello世界的简单h1!只是没有出现。

的index.html:



<!doctype html>
<html>

<head>

  <title>Polymer</title>

  <script src="components/webcomponentsjs/webcomponents.js"></script>
  <link rel="import" href="hello-world.html">

</head>

<body>
  <hello-world></hello-world>
</body>

</html>
&#13;
&#13;
&#13;

您好-world.html:

&#13;
&#13;
<link rel="import" href="components/polymer/polymer.html">

<polymer-element name="hello-world" noscript>
  <template>
    <h1>Hello world!</h1>
  </template>
</polymer-element>
&#13;
&#13;
&#13;

我在文件名和元素名称中使用了破折号,我确保webcomponents.js和polymer.js正确链接。我在控制台中没有收到任何错误,而且我没有想法!任何帮助将非常感谢!

1 个答案:

答案 0 :(得分:0)

看起来您正在使用1.0之前的语法,但使用的是1.0+版本的Polymer。

在Polymer 1.0+中,您可以创建一个<dom-module name="hello-world">而不是<polymer-element name="hello-world">的模块。